如题所示的2个方法是很重要的,而以前对它们的认知比较笼统。最近用到了,虽然比较简单但还是好好总结一下~~
<html > <head> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" > var timer; $(function() { setTimeout(function() { timer = setInterval(call, 3000) }, 2000); }); function call() { alert("Hebe"); } function cancel() { clearInterval(timer); } </script> </head> <body> <input type="button" value="取消定时器" onclick="cancel()" /> </body> </html>
这个小例子,把setInterval和setTimeout的语法都用上了,麻雀虽小、五脏俱全。
加载这个页面,会在5s后弹出'Hebe',之后再每隔2s循环弹出'Hebe',一段时间后你点击按钮,则不会再有定时弹出操作了。
归纳下一些语法——
1)setTimeout(方法名, 时间/ms) 运用在延迟一段时间,再进行某项操作。注意第一个参数是js方法名,不用带括号。它没有每隔一段时间重复执行的作用;(有误,当有参数的时候还是要带括号,没参数的时候可带可不带)
2)setInterval(方法名, 时间/ms) 运用在每隔一段时间,重复进行某项操作。注意第一次执行该操作时,会在指定的间隔时间之后再执行,而不是立即执行第一次操作,这也是为啥上述小例子是经过5s而不是3s后第一次弹出'Hebe';
3)setTimeout可以通过在他作用的方法里回调方法本身来达到setINterval的效果,即在它作用的js方法里最后再加上这么一句:setTimeout(本方法名, 时间/ms)——这体现了递归;
4)取消定时器,无论是timeout还是interval都是用以下语法:clearTimeout(定时器名)或clearInterval(定时器名);;其中定时器名是你在set的时候赋值的,如var timer = setTimeout(Interval) (方法名, 时间/ms);
5)注意到set操作的对象是js函数名,clear操作的对象是定时器(由set操作产生)。
====================================== 总结完毕=====================================
相关推荐
js 代码中执行循环事件时,经常会用到 setInterval 和 setTimeout 这两个方法,关于这两个方法的细节这里不详细讨论了,简要分享下在需要停止循环事件的时候该如何操作。 (1)setInterval 方法可按照指定的周期(以...
js中的setInterval和setTimeout使用实例.docx
先来了解 setInterval : 1,HTML DOM setInterval() 方法 定义和用法 setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或...
Js是一个单线程语言,可以通过setTimeout()和setInterval()来设置代码在指定时刻运行,前者是在指定时间后执行,后者是指每隔一段时间执行。两者的使用方法类似。 最近在练习写一个小例子的时候用到了定时器,发现...
主要介绍了javascript中的两个定时执行函数setInterval和setTimeout的用法,需要的朋友可以参考下
有时候需要在jquery中调用setInterval和setTimeout,直接在ready中调用其他方法,会提示缺少对象的错误,解决方法如下
主要介绍了浅谈JavaScript中setInterval和setTimeout的使用问题,作者建议在任务庞大时尽量避免使用setInterval,需要的朋友可以参考下
使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。
今天先学下setTimeout和setInterval的使用。 一、setTimeout超时计时器(和GCD中的after类似) 在node.js中可以使用node.js内置的setTimeout(callback,delayMillSeconds,[args])方法。当调用setTime()时回调函数会在...
setTimeout 描述 setTimeout(code,millisec) setTimeout() 方法用于在指定的毫秒数后调用函数或计算...setInterval(code,millisec[,”lang”]) 参数 描述 code 必需,要调用的函数或要执行的代码串。 mi
详细讲解SetInterval与setTimeout的区别和用法
NULL 博文链接:https://rainbow702.iteye.com/blog/1668935
来一个简单的例子。有兴趣的朋友可以自己尝试 代码如下:function a(){ document.title = “ok”; setTimeout(a,0); } setTimeout(a,0);
js中SetInterval与setTimeout用法.pdf
此模块允许Python用户在其代码中使用setTimeout()和setInterval() 。 我尚未实现setImmediate()因为重新创建功能的唯一方法是使clearImmediate()函数终止正在运行的线程。 杀死正在运行的线程本质上是不安全的,...