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的逻辑。

posted @ 2020-05-15 12:18  内心澎湃的水晶侠  阅读(463)  评论(0)  编辑  收藏  举报