javascript setInterval, setTimeout 몇 초후 실행, 몇초마다 실행 :: 개발/일상_Mr.lee

javascript setInterval, setTimeout 몇 초후 실행, 몇초마다 실행

Posted by Mr.mandu.
2017. 9. 9. 08:30 개발/javascript,jquery

안녕하세요 ~!

자바스크립트를 이용하면서 빈번히? 쓰이는 함수를 소개합니다.

저도 2~3번??? 찾아 쓰다가 적어두려 합니다.


바로 

setInterval 함수와 setTimeout 함수 입니다.


setInterval 함수!

 - > 특정시간마다 계속 실행되는 함수!

       ex) 1초마다 계속 실행!


setTimeout 함수!

 - > 특정시간이후 실행

       ex) 1초 후 실행!


제가 실제 사용한 예 입니다.


사용법 : setInterval('함수', 시간), 1000가 약 1초 입니다.


setInterval(function(){

var time_text = '(' + time +'초 후 목록이 갱신됩니다.)';

$("#count").text(time_text);

time--;

},1000);


해석 : time 값을 초기에 10으로 잡아두었습니다.


10 초 후 목록이 갱신됩니다.

9 초 후 목록이 갱신됩니다.

8 초 후 목록이 갱신됩니다.


이런식으로 출력이 됩니다.


사용법 : setTimeout('함수', 시간), 1000가 약 1초 입니다.


setTimeout("location.reload()", 11000);

해석 : 약 10초후 화면이 새로고침이 됩니다.


여기서 location.reload()<<<<<<  이 함수가 새로고침을 실행시킵니다.


은근히? 자주 사용되는 함수이므로 알아두시면 좋을 것 같습니다!

그럼 모두 화이팅 입니다.