[JavaScript] setTimeout, setInterval

setTimeout

 - 정해놓은 시간이 되면 내부 코드가 작동이 된다
 - ex) 3초뒤에 메시지를 띄워줘
 - 매개변수 - 콜백함수, 시간(ms)

    setTimeout(()=>{
        alert("정지합니다")
    }, 3000);

3초뒤 메시지 출력

 

 

setInterval

 - 정해놓은 시간마다 내부 코드가 작동 된다

    setInterval(()=>{
        console.log(Date.now());
    }, 1000);

1초마다 출력

 

<h1 id = "time"></h1>

<script>

    setInterval(()=>{
        const tag = document.getElementById("time");
        tag.innerText = Date.now();
    }, 1000);

</script>

1초마다 시간이 바뀐다

 

 - 시간을 시 분 초 로 나눠서 출력

    setInterval(()=>{
        const tag = document.getElementById("time");
        // tag.innerText = Date.now();
        const date = new Date();
        tag.innerText = `${date.getHours()}시 ${date.getMinutes()}분 ${date.getSeconds()}초`;
    }, 1000);