JavaScript SetInterval与setTimeout

12人阅读 评论(0) 收藏 举报
分类:

setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码;

setTimeout只执行一次那段代码;

区别:
window.setTimeout(function(){ },time);//设置一个超时对象,只执行一次,无周期   time:毫秒
window.setInterval(function(){ },time);//设置一个超时对象,周期='交互时间'  time:毫秒
停止定时:
window.clearTimeout(对象) 清除已设置的setTimeout对象

window.clearInterval(对象) 清除已设置的setInterval对象

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

 一旦调用了这个函数PerReflesh,那么就会每隔5秒钟就显示一次时间
setTimeout一旦调用了这个函数PerReflesh,那么就会每隔5秒钟就显示一次时间,而setInterval却没有被自己所调用的函数所束缚,它只是简单地每隔一定时间就重复执行一次那个函数。
只要调用了setInterval("PerRefresh()", 5000)此函数,那么每隔5秒钟就会执行PerRefresh这个函数。
如果要求在每隔一个固定的时间间隔后就精确地执行某动作,那么最好使用setInterval,而如果不想由于连续调用产生互相干扰的问题,尤其是每次函数的调用需要繁重的计算以及很长的处理时间,那么最好使用setTimeout。
setInterval 不断地执行指定代码直到调用clearInterval清除定时器对象
setTimeout 执行一次指定代码,使用clearTimeout清除定时器对象
setInterval和setTimeout都返回定时器对象标识符,用于clearInterval和clearTimeout调用
 一旦调用了这个函数PerReflesh,那么就会每隔5秒钟就显示一次时间
查看评论

JavaScript

学习和掌握JS的基础语法和结构,会使用js编写前端脚本语言,为jQuery的学习打基础
  • 2017年12月11日 21:27

js中两种定时器,setTimeout和setInterval的区别

setTimeout只在指定时间后执行一次,代码如下: //定时器 异步运行 function hello(){ alert("hello"); } //使用方法名字执行方法 var t1 = wi...
  • shenyanwei
  • shenyanwei
  • 2017-03-31 09:22:03
  • 9619

JavaScript中SetInterval与setTimeout用法

使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。 setTimeout("function",time) 设置一个超时对...
  • pellojava
  • pellojava
  • 2010-07-07 13:54:00
  • 4603

setTimeout, setInterval 与 requestAnimationFrame 隐藏的各种坑

使用 JavaScript 做动画时,或者做与时间有关的事情,你有三个选择:`setTimeout`, `setInterval` 和 `requestAnimationFrame` ,这三个函数有点...
  • qingyafan
  • qingyafan
  • 2016-08-31 09:50:49
  • 3523

Javascript异步编程之setTimeout与setInterval

转载自: http://www.cnblogs.com/tugenhua0707/p/4083475.html?utm_source=tuicool&utm_medium=referral ...
  • qq_15096707
  • qq_15096707
  • 2016-01-25 15:33:36
  • 374

Js setTimeout,clearTimeout,setInterval,clearInteral详解

设置定时器,在一段时间之后执行指定的代码,setTimeout与setInterval的区别在于setTimeout函数指定的代码仅执行一次 方法一: window.setTimeout("ale...
  • zpf336
  • zpf336
  • 2013-03-11 22:02:33
  • 2607

Js中setInterval()和setTimeout()的使用和清除

setInterval()和setTimeout()都是设定延时,区别在于setInterval()会自动重复,而setTimeout()不会重复;使用举例:var t;function clockS...
  • xrb212
  • xrb212
  • 2007-04-24 15:06:00
  • 2202

setInterval(倒计时实例)和setTimeout的用法

实例: html页面
  • snn1410
  • snn1410
  • 2014-09-25 10:39:20
  • 9130

在js的对象中使用setTimeout和setInterval调用对象自身方法

在js的对象中使用setTimeout和setInterval调用对象自身方法function myobj(){this.id=myobj.names.length;myobj.names[this....
  • zhaoyh82
  • zhaoyh82
  • 2009-08-03 16:25:00
  • 6535

定时器setTimeout()、setInterval()详解

JavaScript 标准参考教程(alpha) 浏览器对象 ...
  • cxl444905143
  • cxl444905143
  • 2014-10-17 08:40:14
  • 5269
    个人资料
    等级:
    访问量: 1667
    积分: 125
    排名: 119万+
    文章存档
    最新评论