setInterval, setTimeout, 현재시간표시

setInterval

함수를 = 설정된 시간(초)마다 계속 반복 계산한다.

setInterval (function(){
     // 실행
}, 1000}; // 시간(초)

var cnt = 0;

setInterval(function(){  // 매 1초마다 함수를 실행
  cnt++;
  console.log(cnt);
}, 1000); // 1초마다 cnt ++

 

 

 

setTimeout

함수를 = 설정된 시간 후에 1번만 계산한다.

setTimeout (function(){
     // 실행
}, 1000);

setTimeout(function(){ 
  location.href='http://naver.com';
}, 3000);  // 3초 후 네이버로 이동

 

 

 

---

 

 

현재시간 표시 setInterval

window.onload = function(){

  var h, m, s;

  clock.style.fontSize='50px';
  clock.style.color='red';

  function clock1(){
    var now = new Date();

    h = now.getHours();
    m = now.getMinutes();
    s = now.getSeconds();

    clock.innerHTML = h+ ' : ' +m+ ' : '+s;
  };

  timeonoff = setInterval(clock1, 1000);

  // 타임 멈출 때
  $(.btn).click(){
  	clearInterval(timeonoff);
  }

}

<h2>시계</h2>
<div id="clock"></div>