window对象提供了两个方法来实现定时器的效果,它们分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码(规定的某个js操作)在指定时间后运行;而后者则可以使一段代码(规定的某个js操作)每过一次指定时间就运行一次。即 window.setTimeout(code,millisec); window.setInterval(code,millisec); 其中code 必需。要调用的函数后要执行的 JavaScript 代码串(相关的操作)。 millisec 必需,在执行代码前需等待的毫秒数。 接下来给大家分别介绍两种方法如何使用。
一、window.setTimeout方法
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
参数
code 必需,要调用的函数后要执行的一段js代码(即规定的操作)。
millisec 必需,在执行代码前需等待的毫秒数。
取消
若在延时期限到达之前取消延执行,可使用window.clearTimeout(timeoutId)方法,该方法接收一个id,表示一个定时器。id由setTimeout方法返回;
例:
var id=window.setTimeout("function",10000);
window.clearTimeout(id); //取消定时执行 。
setTimeout() 方法代码示例图
二、window.setInterval方法
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
setInterval方法代码示例图
参数
code 必需,要调用的函数后要执行的一段js代码(即规定的操作)。
millisec 必需。在执行代码前需等待的毫秒数。
2. 取消
调用window.clearInterval方法。clearInterval方法接收一个setInterval方法返回的值作为参数。
例:
var id=window.setInterval("function",10000);
window.clearInterval(id); //取消定时执行 。
setInterval方法与clearInterval()总会运用示例
三、总结
setTimeout("function",time) 设置一个超时对象。
setInterval("function",time) 设置一个超时对象。
SetInterval为自动重复,setTimeout不会重复。
clearTimeout(对象) 清除已设置的setTimeout对象。
clearInterval(对象) 清除已设置的setInterval对象。
感谢您阅读了这篇文章,希望会对您有所帮助。喜欢我就关注我吧,后面的文章内容会越来越精彩喔!