php实现setInterval方法,js setInterval和setTimeout用法分析

本文主要分享一下javascript中的两个定时执行函数setInterval和setTimeout的用法。

setInterval() 定义和用法

setInterval() 方法可按照指定的周期(以毫秒计)来执行函数或表达式。该方法会不停地循环调用函数，直到使用 clearInterval() 明确停止该函数或窗口被关闭。clearInterval() 函数的参数即 setInterval() 返回的 ID 值。

语法

setInterval(code,millisec[,"lang"])

code 必需。要调用的函数或要执行的代码串。

millisec 必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。

返回值

一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。

使用示例：

var int=setInterval("clock()",50);

function clock(){

var t=new Date();

document.getElementById("clock").value=t;

}

停止 interval 事件

setTimeout() 定义和用法

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式，该方法与 setInterval() 方法不同的是该方法只执行一次。

语法

setTimeout(code,millisec)

code 必需。要调用的函数后要执行的 JavaScript 代码串。

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

提示：

(1)setTimeout() 虽然是只执行一次代码。但如果许要多次调用，除了使用 setInterval() 外还可以让被执行的代码里面自身再次调用 setTimeout() 方法已达到多次执行的目的。

(2)另外setTimeout()方法也同样可以返回一个ID值，以方便使用clearInterval()方法对使用setTimeout()方法的取消。

使用示例：

function timedMsg(){

var t=setTimeout("alert('3 秒时间到!')",3000);

}

function timedMsgAways(){

alert('3 秒时间到!');

var t=setTimeout("timedMsgAways()",3000);

}

对于这两个方法，需要注意的是如果要求在每隔一个固定的时间间隔后就精确地执行某动作，那么最好使用setInterval，而如果不想由于连续调用产生互相干扰的问题，尤其是每次函数的调用需要繁重的计算以及很长的处理时间，那么最好使用setTimeout。

php实现setInterval方法,js setInterval和setTimeout用法分析相关推荐

js 定时器（setTimeout/setInterval）出现变量未定义（xxx is not defined）的解决方法
js 定时器(setTimeout/setInterval)出现变量未定义(xxx is not defined) 的解决方法参考文章: (1)js 定时器(setTimeout/setInterv ...
js中setTimeout的用法和JS计时器setTimeout与setInterval方法的区别和confirm方法
setTimeout()在js类中的使用方法 setTimeout (表达式,延时时间) setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTi ...
JS中SetTimeOut和SetInterval方法的区别？
1.setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式. setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭.由 ...
JS中的间歇(周期)调用setInterval()与超时(延迟)调用setTimeout()相关总结
超时调用需要使用window.setTimeout(code,millisec)方法它接受两个参数:要执行的代码和以毫秒表示的时间(即在执行代码前需要等待多少毫秒).其中第一个参数可以是一个包含JS ...
js基础之setTimeout与setInterval原理分析
setTimeout与setInterval概述 setTimeout与setInterval是JavaScript引擎提供的两个定时器方法,分别用于函数的延时执行和循环调用.前者的主要思想是通过一个 ...
js中SetInterval与setTimeout用法
JS里设定延时: 使用SetInterval和设定延时函数setTimeout 很类似. ● setTimeout("function",time) 设置一个超时对象 ● setI ...
setTimeout和setInterval方法
1．window.setTimeout方法该方法可以延时执行一个函数,例如: <script language="JavaScript" type="text/j ...
javascript中的setTimeout() 方法和clearInterval() 方法和setInterval() 方法
语法 setTimeout(code,millisec) 参数描述 code 必需.要调用的函数后要执行的 JavaScript 代码串. millisec 必需.在执行代码前需等待的毫秒数. 提示 ...
用故事解析setTimeout和setInterval(内含js单线程和任务队列)
用故事解析setTimeout和setInterval(内含js单线程和任务队列) 区别: setTimeout(fn,t): 延迟调用,超过了时间就调用回调函数,返回一个id,使用clearTime ...

php实现setInterval方法,js setInterval和setTimeout用法分析

php实现setInterval方法,js setInterval和setTimeout用法分析相关推荐

最新文章

热门文章