码迷,mamicode.com
首页 > Web开发 > 详细

JS里面settimeout,时间参数传0和其他数字

时间:2020-05-15 13:41:32      阅读:64      评论:0      收藏:0      [点我收藏+]

标签:doctype   htm   一个   meta   rip   其他   out   initial   title   

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和其他数字

标签:doctype   htm   一个   meta   rip   其他   out   initial   title   

原文地址:https://www.cnblogs.com/chenyingzuo/p/12894166.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!