javascript setInterval, setTimeout 몇 초후 실행, 몇초마다 실행
안녕하세요 ~!
자바스크립트를 이용하면서 빈번히? 쓰이는 함수를 소개합니다.
저도 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()<<<<<< 이 함수가 새로고침을 실행시킵니다.
은근히? 자주 사용되는 함수이므로 알아두시면 좋을 것 같습니다!
그럼 모두 화이팅 입니다.
'개발 > javascript,jquery' 카테고리의 다른 글
자바스크립트(javascript) replaceall (0) | 2018.04.29 |
---|---|
jquery radio check, form:checkbox 체크하기 (2) | 2018.03.23 |
자바스크립트 차트 사용하기(chart js) (5) | 2018.03.19 |
attr과 prop의 차이 적어두기! (0) | 2017.08.10 |
javascript Ajax 사용 방법 (0) | 2017.03.10 |
스마트 에디터 이벤트 생성, 키이벤트 (0) | 2016.09.05 |
[javascript]자바스크립트 concat, slice, join, for (0) | 2016.04.17 |