Javascript&Html-延迟调用和间歇调用

Javascript&Html-延迟调用和间歇调用

Javascript 是一种单线程语言，所有的javascript任务都会放到一个任务列表中，这些javascript任务会按照插入到列表中的顺序之行。

延迟调用，就是从代码调用开始后需要等待多长的时间执行该段代码。

使用的方法是：setTimeout(). 该函数可以传递两个参数，第一个参数是要执行的javascript代码或者函数，第二个参数是以毫秒为单位的需要延迟的时间。

比如：

setTimeout("alert('i love you forever')",1000);//该方式不推荐使用，因为传递字符串会导致性能损失

setTimeout(function(){alert("i love you forever")},1000);//推荐该调用方式

setTimeout()会返回一个唯一的标示，可以用来取消延迟调用，参考代码如下所示：

var m_timeout = setTimeout(function(){alert("i love you forever")},1000);

clearTimeout(m_timeout);

取消一个尚未被调用的延迟函数需要调用clearTimeout(TimeoutID);

2：间歇调用模式，就是设置一个时间间隔，然后每隔该时间段就会触发一个函数调用，参考代码

setInterval (function(){alert("i love you ")},1000);

每隔1000毫秒（=1秒）就会调用函数 function(){alert("i love you ")};

setInterval()函数也会返回一个Javascript的唯一标示，然后使用这个唯一标示在必要的情况下取消该间歇调用函数

var m_timeInterval = setInterval(function(){alert("i love you ")},1000);

clearInterval(timeIntervalID);

但是，总体来说，建议使用延迟模式来模拟间歇调用模式。

Jason

2014年02月18日