Notice
Recent Posts
Archives
07-13 21:32
반응형
관리 메뉴

Tegi Log : 블록체인, 축구, 소레어, Sorare 컨텐츠망상공간

#JavaScript - setInterval() 로 계속 반복시켜보자! 본문

Development/JavaScript

#JavaScript - setInterval() 로 계속 반복시켜보자!

Tegi 2022. 7. 3. 13:34
반응형
💡 setInterval()함수는 일정시간동안 코드를 계속 반복시켜줍니다. 아주 유용하겠죠?
<body>
    <h2 id="clock"></h2>
    
    <script>
        const clock = document.querySelector('h2#clock');

        function getClock(hi){
            const date = new Date();
            clock.innerText = `${hi} ${date}`;
        }

        getClock('안녕 지금 시각은');
        setInterval(getClock,1000,'안녕 지금 시각은');

    </script>
</body>

'hi'매개변수를 통해

'안녕 지금 시각은'인자가 들어간 모습.

 

그리고 반복을 종료시킬수가 있는데

 

const timer = setInterval(getClock,1000,'안녕 지금 시각은');

clearInterval(timer);

이처럼 clearInterval() 함수로 반복실행을 종료할 수 있습니다.

반응형

'Development > JavaScript' 카테고리의 다른 글

#JavaScript - Math.random()으로 랜덤한 정수 구하기  (0) 2022.07.03
#JavaScript - Math.floor() Math.Round() Math.Ceil() 내림, 반올림, 올림으로 소숫점을 없애보자!  (0) 2022.07.03
#JavaScript - new Date(), padStart() 시계 만들기  (0) 2022.07.03
#JavaScript - classList.add, remove, toggle 클래스로 토글을 만들어보자  (0) 2022.07.01
#JavaScript - Array 배열 생성과 사용법  (0) 2022.07.01
'Development/JavaScript' Related Articles more
Comments