JavaScript 计时事件
JavaScript 一个设定的时间间隔之后来执行代码
# JavaScript 计时事件
在 JavaScritp 中使用计时事件是很容易的,两个关键方法是:
- setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
- setTimeout() - 在指定的毫秒数后执行指定代码。
注意: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。
# setInterval() 方法
setInterval() 间隔指定的毫秒数不停地执行指定的代码
# 语法
window.setInterval("*javascript function*",*milliseconds*);
1
window.setInterval() 方法可以不使用 window 前缀,直接使用函数 setInterval()。
每三秒弹出 "hello" :
setInterval(function(){alert("Hello")},3000);
1
# 停止clearInterval
<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer(){
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}
function myStopFunction(){
clearInterval(myVar); //停止就可以了
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
# setTimeout() 方法
# 语法
myVar= window.setTimeout("*javascript function*", *milliseconds*);
1
# 停止clearTimeout()
要使用clearTimeout() 方法, 你必须在创建超时方法中(setTimeout)使用全局变量:
myVar=setTimeout("*javascript function*",*milliseconds*);
1
编辑 (opens new window)
上次更新: 2021/08/13, 23:21:49