JS里面settimeout可以传一个时间参数,表示延迟多长时间之后立即执行。
当然这个时间并不能精确,只能尽力而为:
例如:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> setTimeout(() => { console.log('settimeout 10000 come'); }, 10000); setTimeout(() => { console.log('settimeout 0 come'); }, 0); setTimeout(() => { console.log('settimeout 3000 come'); }, 3000); for (var i = 0; i < 10000; i++) { console.log(i); } </script> </body> </html>
在这个例子里,settimeout 0s本可以立即执行,但是因为这时候有同步代码还在执行,因此等待,同理3s的、10s的都会等。
因此先执行for循环,此时也开始计时
for循环走完,意味着同步代码已经执行完。这时候会立即执行 0s,如果3s 10s的时间也都错过了,那也会立即执行。
如果还有剩余时间,那就继续等待一小会儿执行3s,再等待一小会儿执行10s的逻辑。