JavaScript 计时事件 SetInterval、SetTimeOut

在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()重复执行指定的代码。

发布了39 篇原创文章 · 获赞 8 · 访问量 9179

猜你喜欢

转载自blog.csdn.net/cxd3341/article/details/101707045