타이머 함수

setInterval() : 일정 시간마다 주기적으로 특정 구문을 실행하는 기능

$(document).ready(function(){
 
            var $output =$("#output");
            var count=0;
 
            // 여기에 풀이를 입력해주세요.
            setInterval(function(){
                // 값 증가
                count++;
                // 값을 출력
                $output.text(count);
            },1000);
 
        })

$(document).ready(function () {
 
            var $output = $("#output");
 
            // 여기에 풀이를 입력해주세요.
            setTimeout(function () {
                $output.text("안녕하세요. 환영합니다.")
            }, 3000);
 
        })

 

clearInterval() : 실행 중인 타이머 함수를 멈추는 기능 

$(document).ready(function() {
 
            var $output = $("#output");
            var count = 0;
            var timerID=0;
            timerID = setInterval(function() {
                // 값 증가
                count++;
                // 값을 출력
                $output.text(count);
            }, 1000);
 
 
            $("#stop").click(function() {
                // 여기에 풀이를 입력해주세요.
                clearInterval(timerID);
            });
 
        })

 

 

출처: 웹 프론트엔드 개발자를 위한 필독서! 자바스크립트 + jQuery 완전정복 스터디 / 위키북스