js执行

console.log(1);
setTimeout(() => {
	console.log(2); // 3秒后打印
}, 3000);

for(let i=0;i<10;i++) {
	setTimeout(() => {
		console.log('inner_' + i); // 1秒后打印出inner的1到10
	}, 1000);
}
console.log(3);

执行结果

所以循环设定计时器的时候每次设置的时候都不需要等待上一个计时器结束,如果要实现每秒执行的话,可以给时间加上一个i的倍数

console.log(1);
setTimeout(() => {
	console.log(2); // 3秒后打印
}, 3000);

for(let i=0;i<10;i++) {
	setTimeout(() => {
		console.log('inner_' + i); // 1秒后打印出inner的1到10
	}, 1000 * i);
}
console.log(3);

执行结果如下

如果需要在计时结束后打印3,则可以用到promise

console.log(1);
setTimeout(() => {
	console.log(2); // 3秒后打印
}, 3000);

let promise = new Promise((resolve) => {
	for(let i=0;i<10;i++) {
		setTimeout(() => {
			console.log('inner_' + i); // 1秒后打印出inner的1到10
			if (i === 9) resolve();
		}, 1000 * i);
	}
})

promise.then(() => {
	console.log(3);
});

执行结果如下:

猜你喜欢

转载自blog.csdn.net/lister1005/article/details/84568579