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日

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。