function formatDate(date){ console.log(date.getFullYear()+"-"+(date.getMonth()+1)+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds()+":"+date.getMilliseconds()); } var timer, interval; function test(){ interval = setInterval(function(){ console.log('interval'); },8000); timer = setTimeout(function(){ console.log('timeout'); },20000); var startDate = new Date(); var now = new Date(); for(var i =0; i<5; i++){ formatDate(startDate); // 5 second while(new Date () - startDate < 5*1000){ } startDate = new Date(); } } test();
在这篇(http://luqingxuan.iteye.com/blog/2324137)测试中,我们提出了猜测(红色部分):
还有一种情况,是不是可以说s1丢弃,s2丢弃,s3保留呢?我不晓得
到底是s1保留,s2,s3丢弃,还是s1,s2被丢弃s3保留呢,我们使用setTimeout验证一下
如上示例(不晓得用setTimeout来验证setInterval,原理上是否正确)
猜想:
A.s1保留,s2丢弃,s3丢弃
B.s1丢弃,s2丢弃,s3保留
如果A猜想成立,那么s1进入任务队列(消息队列),s2被抛弃,定时器timer进入队列,s3被抛弃,那么应该是先输出interval,然后输出timeout
扫描二维码关注公众号,回复:
369110 查看本文章
如果B猜想成立,那么s1进入队列,s2进入队列(s1被抛弃),定时器timer进入队列,s3进入队列(s2被抛弃),显然,定时器timer在s3之前,那么先输出timeout,后输出interval
如上示例描述,主逻辑在25秒结束,定时器setTimout在第20秒时刻触发
在chrome下测试,A猜想成立