타이머 함수

imjingu·2023년 7월 19일
0

개발공부

목록 보기
165/481

타이머 함수 : 특정 시간 이후에 콜백함수를 호출할 수 있는 함수

setTimeout(함수, 시간) : 특정 시간 후에 함수를 한번 호출
setInterval(함수, 시간) : 특정 시간마다 함수를 호출

타이머를 종료하고 싶을때

clearTimeout(타이머_ID) : setTimeout() 함수로 설정한 타이머를 제거
clearInterval(타이머_ID) ; setInterval() 함수로 설정한 타이머를 제거

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        

        setTimeout(function () {
            console.log('1초 후에 실행됩니다.');
        }, 100 * 1000); // 시간의 기초단위는 밀리 초 단위, 초 * 10000

        let count = 0;
        setInterval(() => {
            consol.log(`1초마다 실행됩니다.(${count}번쨰)`);
            count++;
        }, 1 * 1000);
        
        
                /*
        
        */

        let count = 0;
        let id = setInterval(() => {
            console.log(`1초마다 실행됩니다(${count}번쨰)`);
            count++;
        }, 1 * 10000); // 타이머_ID에 저장

        setTimeout(() => {
            console.log('타이머를 종료합니다.');
            clearInterval(id);
        }, 5 * 10000);
    </script>
</head>
<body>
    
</body>
</html>

0개의 댓글