Programming/JavaScript
타이머 함수
dev?
2020. 4. 27. 19:06
반응형
setInterval() : 일정 시간마다 주기적으로 특정 구문을 실행하는 기능
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
$(document).ready(function(){
var $output =$("#output");
var count=0;
// 여기에 풀이를 입력해주세요.
setInterval(function(){
// 값 증가
count++;
// 값을 출력
$output.text(count);
},1000);
})
|
cs |
setTimeout() : 일정 시간이 지난 후 특정 구문을 딱 한번 실행하는 기능
1
2
3
4
5
6
7
8
9
10
|
$(document).ready(function () {
var $output = $("#output");
// 여기에 풀이를 입력해주세요.
setTimeout(function () {
$output.text("안녕하세요. 환영합니다.")
}, 3000);
})
|
cs |
clearInterval() : 실행 중인 타이머 함수를 멈추는 기능
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
$(document).ready(function() {
var $output = $("#output");
var count = 0;
var timerID=0;
timerID = setInterval(function() {
// 값 증가
count++;
// 값을 출력
$output.text(count);
}, 1000);
$("#stop").click(function() {
// 여기에 풀이를 입력해주세요.
clearInterval(timerID);
});
})
|
cs |
출처: 웹 프론트엔드 개발자를 위한 필독서! 자바스크립트 + jQuery 완전정복 스터디 / 위키북스
반응형