JS里面settimeout,时间参数传0和其他数字
Posted 内心澎湃的水晶侠
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS里面settimeout,时间参数传0和其他数字相关的知识,希望对你有一定的参考价值。
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的逻辑。
以上是关于JS里面settimeout,时间参数传0和其他数字的主要内容,如果未能解决你的问题,请参考以下文章
js定时器 settimeout和其他代码是同步执行还是异步执行