SetInterval与setTimeout使用办法详解

作者: 前端技术  发布:2019-09-03

setTimeout和setInterval的语法同样。它们都有八个参数,三个是就要试行的代码字符串,还会有叁个是以纳秒为单位的时光间隔,当过了极其时间段之后就将举行这段代码。
唯独那四个函数如故有分别的,setInterval在奉行完三遍代码之后,经过了这么些固定的时日间隔,它还有只怕会自动重新施行代码,而setTimeout只进行叁遍这段代码。
区别:
window.setTimeout("function",time);//设置一个过期对象,只举办二遍,无周期
window.setInterval("function",time);//设置三个逾期对象,周期='交互时间'
悬停定期:
window.clearTimeout(对象) 清除已安装的setTimeout对象
window.clearInterval(对象) 清除已设置的setInterval对象

复制代码 代码如下:

PerRefresh();

function PerRefresh() {
     var today = new Date();
     alert("The time is: " + today.toString());
     setTimeout("showTime()", 5000);
}

 一旦调用了这些函数PerReflesh,那么就能每隔5分钟就展现一回时间

复制代码 代码如下:

setInterval("PerRefresh()", 5000);

function PerRefresh() {
     var today = new Date();
     alert("The time is: " + today.toString());
}

而setInterval却并未有被本人所调用的函数所羁绊,它只是轻便地每隔一定时期就重新实行贰次不行函数。
即使调用了setInterval("PerRefresh()", 四千)此函数,那么每隔5分钟就能举行PerRefresh这几个函数。
借使须求在每隔一个恒定的时刻距离后就规范地实践某动作,那么最佳利用setInterval,而只要不想由于延续调用产生互动困扰的主题素材,非常是历次函数的调用要求繁重的一个钱打二十五个结以及非常短的拍卖时间,那么最佳利用setTimeout。
setInterval 不断地进行钦赐代码直到调用clearInterval清除沙漏对象
setTimeout 施行二回钦定代码,使用clearTimeout清除定时器对象
setInterval和setTimeout都回来计时器对象标识符,用于clearInterval和clearTimeout调用

...

本文由王中王开奖结果发布于前端技术,转载请注明出处:SetInterval与setTimeout使用办法详解

关键词:

上一篇:match函数介绍
下一篇:没有了