Blog Content

    티스토리 뷰

    setInterval 타이머


    setInterval를 이용한 카운트 다운



    setInterval을 이용한 카운트 다운

    은행이나 어떤 특정 사이트에 로그인 이후, 혹은 휴대폰 인증을 받을때 사용이 되는 타이머



    // 카운트 다운 
        var num = 60 * 3; // 몇분을 설정할지의 대한 변수 선언
        var myVar;
        function time(){
            myVar = setInterval(alertFunc, 1000); 
        }
        time();
    
        function alertFunc() {
            var min = num / 60; 
            min = Math.floor(min);
            
            var sec = num - (60 * min);
            console.log(min)
            console.log(sec)
    
            var $input = $('.input').val(min + '분' + sec + '초');
    
            if(num == 0){
                clearInterval(myVar) // num 이 0초가 되었을대 clearInterval로 타이머 종료
            }
            num--;
        }
    
    sub's
    Blog



    '개발연습막쓰기 > jQuery' 카테고리의 다른 글

    jQuery infinite scroll 무한스크롤  (0) 2019.02.07
    jQuery 이미지 갤러리  (0) 2018.12.20
    애트리뷰트 팝업 창 띄우기  (0) 2018.11.01
    jQuery 폐쇄형 슬라이드  (0) 2018.09.18
    jQuery 실행 파일의 위치  (0) 2018.09.03

    Comments