为了账号安全,请及时绑定邮箱和手机立即绑定

js中定时器setTimeout函数的问题?

js中定时器setTimeout函数的问题?

Git
千万里不及你 2019-02-03 09:05:54
对于函数:function startMove(){div1.style.left=div1.offsetLeft+20+"px";setTimeout('startMove()',300);}请问:setTimeout是在上一个回调函数执行结束后,等指定的delay秒后再执行,还是上一个回调函数开始执行后(不管有没有执行完)就立即等delay秒后执行,还是上一个回调函数开始执行后(不管有没有执行完)就立即等delay秒,如果此刻上一个回调函数执行完了,就立即执行(等待时间恰好是delay秒),否则等上一个回调函数执行完,再执行,此时等的时间已经大于delay秒了。
查看完整描述

2 回答

?
手掌心

TA贡献1942条经验 获得超3个赞

都是等待执行完毕后执行的,可以尝试跑这段代码:

123setInterval (function () {    alert('每次同时只会出现一个');}, 3000);

setTimeout 这个函数是在延时后执行 1 次。而 setInterval 是一直延时、执行重复。


查看完整回答
反对 回复 2019-03-14
?
犯罪嫌疑人X

TA贡献2080条经验 获得超4个赞

setTimeout是在上一个回调函数执行结束后,等指定的delay秒后再执行,setInterval是上一个回调函数开始执行后(不管有没有执行完)就立即等delay秒后执行

然而

我们对JavaScript定时器存在一个误解,JavaScript其实是运行在单线程的环境中的,这就意味着定时器仅仅是计划代码在未来的某个时间执行,而具体执行时机是不能保证的,因为页面的生命周期中,不同时间可能有其他代码在控制JavaScript进程。在页面下载完成后代码的运行、事件处理程序、Ajax回调函数都是使用同样的线程,实际上浏览器负责进行排序,指派某段程序在某个时间点运行的优先级。

我们可以可以把JavaScript想象成在时间线上运行。当页面载入的时候首先执行的是页面生命周期后面要用的方法和变量声明和数据处理,在这之后JavaScript进程将等待更多代码执行。当进程空闲的时候,下一段代码会被触发
除了主JavaScript进程外,还需要一个在进程下一次空闲时执行的代码队列。随着页面生命周期推移,代码会按照执行顺序添加入队列,例如当按钮被按下的时候他的事件处理程序会被添加到队列中,并在下一个可能时间内执行。



查看完整回答
反对 回复 2019-03-14
  • 2 回答
  • 0 关注
  • 628 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信