关闭

js中setInterval setTimeout的用法

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

setInterval  () 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval  () 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由setInterval  () 返回的 ID 值可用作 clearInterval() 方法的参数。

clearInterval()方法可以停止setInterval()方法,它括号里的参数必须是由 setInterval() 返回的 ID 值。

 var i = 1000
 var s
 var td = setInterval(function(){       //设置一个setInterval()方法
 s = String.fromCharCode(i--)        //给s赋一个ascii码的值,并且i--

 txt.innerHTML = s +"   "+i               //对txt对象插入内容
 if(s == "A")clearInterval(td)            //判断s的ascii码的值是不是跟A相等,相等就会执行clearInterval()方法,它会将setInterval()方法停止
 },10)                                                  //给setInterval()方法设置一个时间为10毫秒,每10毫秒执行一次里面的匿名函数

setTimeout() 跟setInterval()不同,前者只能执行一次,而后者可以执行多次

setTimeout(function(){
console.log(123)
},5000)

上面的代码会等待5秒钟才会输出123,setTimeout()方法只有在指定的毫秒数结束后才会执行里面的函数

0
0
查看评论

setTimeout()和setInterval()的区别和转换

定义 setTimeout()和setInterval()经常被用来处理延时和定时任务。setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔指定的毫秒数循环调用函数或表达式,直到clearInterval把它清除。 从定义上我们...
  • lijiajun_blog
  • lijiajun_blog
  • 2016-12-06 23:39
  • 3007

JavaScript: 再论setTimeout、setInterval。其第三个参数和this的讨论,超时嵌套和内存泄漏

最近用setTimeout、setInterval,因为要传入的函数要用到this,所以深入了解了一番! setTimeout和setInterval函数的第三个参数本来只是定义语言类型,后来在非IE浏览器下支持传递参数,并且在不同浏览器下支持的不同。 原来的setTimeout函数定义...
  • king_xing
  • king_xing
  • 2015-01-29 12:17
  • 5024

setTimeout与setInterval性能比较

谈到动画,就避不开setTimeout与setInterval,都能实现动画效果,但对我来说,只有需要手动控制帧的速率、频率时,我才会优先选择setTimeout,因为我知道,论性能,setTimeout略逊于setTimeout。造成性能差异的原因,主要有两点: 1. setTimemout迭代...
  • yiifaa
  • yiifaa
  • 2017-01-11 09:51
  • 1213

setInterval();与setTimeout();的结合用法【js】

今天下午在写图片轮播的时候,想让“当鼠标放在图片上时,图片不轮播” 当我设置了鼠标over图片使time增加了几百倍。 然而由于我以前用的setInterval();调用的轮播效果, 我的图片依旧在轮播。。。time的该表已经不影响轮播效果的调用。。。 查阅了资料我对它们的理解是这样的: ...
  • leibniz_zhang
  • leibniz_zhang
  • 2016-11-15 16:52
  • 480

用setTimeout()方法来模拟setInterval()与setInterval()之间的什么区别?

对于setTimeout()跟setIntervl()之间的区别,你真的了解么?有时候看似简单的东西,往往隐藏一些你不知道的细节。setTimeout(fn,time)是超时调用,它在大于等于time之后调用fn;而setIntervl(fn,time)是间歇调用;每隔time调用一次。下面我要讲的...
  • baidu_24024601
  • baidu_24024601
  • 2016-07-08 17:32
  • 5330

JavaScript BOM -- setTimeout()和setInterval() 常见问题

setTimeout()和setInterval() 何时被调用执行 1.时间不能精确间隔 2.模拟间隔调用 3.第一个参数
  • hellobeifeng
  • hellobeifeng
  • 2015-10-11 15:20
  • 605

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

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

运用setTimeout 替换 setInterval

通用的代码如下, setTimeout(function(){ //do something setTimeout(arguments.callee, time); }, time); 具体的代...
  • wocaonima332
  • wocaonima332
  • 2017-01-06 09:45
  • 432

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

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

setTimeout 和 setInterval、undefined 和 null

Javascript语言的执行环境是”单线程”(single thread)”单线程”就是一次只完成一件任务,如果有多个任务,就必须排队,等前面一个任务完成,再执行后面一个任务。这种就跟一般人的正常思维一样,也像单行道一样不堵车的时候跑起来很顺畅,但堵起来能堵死…如果其中某一个任务很耗时间的话,后面...
  • lvlongyin
  • lvlongyin
  • 2016-09-03 19:56
  • 581
    个人资料
    • 访问:13779次
    • 积分:443
    • 等级:
    • 排名:千里之外
    • 原创:25篇
    • 转载:27篇
    • 译文:3篇
    • 评论:0条
    文章分类