在JavaScript中,通过设定的时间间隔之后来执行代码,而不是在函数被调用之后立即执行。我们称之为计时事件。
主要有两个方法:
- SetInterval()方法:间隔指定的毫秒数后不停地(重复)执行指定的代码;
- SetTimeOut()方法:在指定的毫秒数后执行指定代码;
闲言少叙,直接来干货:
setInterval()方法:
间隔指定的毫秒数后不停地(重复)执行指定的代码
window.setInterval("javascript function",milliseconds); //window可省略
javascript function:间隔milliseconds毫秒执行的函数;
milliseconds:间隔毫秒数;
<button οnclick="myFunction()">点我</button>
<script>
function myFunction(){
setInterval(function(){alert("有点垃圾广告的感觉!")},3000);
}
</script>
如果要停止setInterval执行的代码,可以采用clearInterval()方法。
window.clearInterval(intervalVariable); //window可省略
intervalVariable:setInterval()创建时的变量名称。
setTimeout()方法:
在指定的毫秒数后执行指定代码
window.setTimeout(function,milliseconds); //window可省略
function:要执行的函数;
milliseconds:代码执行之前的毫秒数;
<button οnclick="setTimeout(myFunction, 3000)">点我</button>
<script>
function myFunction() {
alert('你好!');
}
</script>
如果要停止setTimeout执行的代码,可以采用clearTimeout()放法。
window.clearTimeout(timeoutVariable); //window可省略
timtoutVariable:setTimeout()创建时的变量名称。
注意:setInterval()和setTimeout()都可以完成间隔毫秒数后执行代码的功能,区别在于setInterval()重复执行指定的代码。