본문 바로가기
프로그래밍/JavaScript

setInterval 함수 주기적실행 ( 실시간 시간표시 예제 )

by 원피스랜드 2020. 12. 23.
반응형

setInterval 함수는 특정함수를 주기적으로 실행할때 사용한다.

 

setInterval ( 함수명, 시간 ) ;

다른 설명이 필요 없을것 같다.

 

<!DOCTYPE html>
<html>
<body>

<p>A script on this page starts this clock:</p>
<p id="demo"></p>

<script>


//아래 세줄 동일한 결과를 출력한다.

//var myVar=setInterval(function(){myTimer()},1000);
//var myVar=setInterval("myTimer()",1000);
setInterval("myTimer()",1000); //1초에 한번씩 myTimer 함수 실행

function myTimer()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}
</script>

</body>
</html>

 

결과

A script on this page starts this clock:

오전 10:53:14 <- 1초마다 현재시간으로 출력 

반응형

댓글