setInterval在任务队列排队顺序测试

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

 

如果B猜想成立，那么s1进入队列，s2进入队列（s1被抛弃），定时器timer进入队列，s3进入队列（s2被抛弃），显然，定时器timer在s3之前，那么先输出timeout，后输出interval

 

如上示例描述，主逻辑在25秒结束，定时器setTimout在第20秒时刻触发

 

在chrome下测试，A猜想成立