WEB前端基础之时间说:给你一次掌控时间机会，你最想做点什么?

window对象提供了两个方法来实现定时器的效果，它们分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码（规定的某个js操作）在指定时间后运行；而后者则可以使一段代码（规定的某个js操作）每过一次指定时间就运行一次。即 window.setTimeout(code,millisec); window.setInterval(code,millisec); 其中code 必需。要调用的函数后要执行的 JavaScript 代码串（相关的操作）。 millisec 必需，在执行代码前需等待的毫秒数。 接下来给大家分别介绍两种方法如何使用。

一、window.setTimeout方法

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

1. 参数

code 必需，要调用的函数后要执行的一段js代码(即规定的操作)。

millisec 必需，在执行代码前需等待的毫秒数。

1. 取消

若在延时期限到达之前取消延执行，可使用window.clearTimeout(timeoutId)方法，该方法接收一个id，表示一个定时器。id由setTimeout方法返回；

例：

var id=window.setTimeout("function",10000);

window.clearTimeout(id); //取消定时执行 。

setTimeout() 方法代码示例图

二、window.setInterval方法

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。

setInterval方法代码示例图

1. 参数

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对象。

感谢您阅读了这篇文章，希望会对您有所帮助。喜欢我就关注我吧，后面的文章内容会越来越精彩喔！