超时调用
在我们写页面的时候,总会遇到这样的需求,那就是这个代码内容需要在指定时间之后执行。
在这里,我们的JavaScript提供了setTimeout方法。用术语来说就是超时调用方法。
如下:
setTimeout("alert('延时调用')",1000);
上面的这个方法就是,当运行代码之后,会在1秒之后进行alert()操作
但是上面的这种传递字符串的方法我们并不推荐,因为传递字符串的方法可能导致性能丢失,所以我们推荐下面这种方法:
setTimeout(function(){
alert('延时调用')
},1000);
这个方法与上面的方法实现同样的效果,但是这种方法更便于我们解读内容。
clearTimeout();
当调用结束记得关闭,不然会一直占据着系统资源。
间歇调用
有时候,我们还需要每隔一段时间执行一下这个代码。这时候我们JavaScript提供了setInterval()。用术语来说就是间歇调用方法。
例子如下:
var num = 0;
setInterval(function(){
num++
alert('间歇调用' + num)
},1000);
上面这个代码就是每隔1秒便会执行一次.读者可以同个num的变化获知。
当我们需要关闭时,通过以下方法进行关闭。
clearInterval();
有时我们可能开启多个间歇调用,这时候如何关闭指定的定时器呢?我们可以通过给定时器定义标识符,通过标识符关闭,如下:
例子如下:
var num = 0;
var interval = setInterval(function(){
num++
alert('间歇调用' + num)
},1000);
定义间歇调用的名字为interval,
当我们需要关闭时,通过以下方法进行关闭。
clearInterval(interval);
关闭名字为interval的间歇调用。