zoukankan      html  css  js  c++  java
  • 用JS实现一个sleep函数

    1、sleep函数:

      sleep函数作用是让线程休眠,等到指定时间在重新唤起。

    2、ES6实现:

    <!DOCTYPE html>
    <html lang="zh">
    
        <head>
            <meta charset="UTF-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1.0" />
            <meta http-equiv="X-UA-Compatible" content="ie=edge" />
            <title>js sleep函数</title>
        </head>
    
        <body>
            <script type="text/javascript">
                //方法一
                function sleep1(ms, callback) {
                    setTimeout(callback, ms)
                }
                //sleep 1s
                sleep1(1000, () => {
                    console.log(1000)
                })
                //方法二
                function sleep2(ms) {
                    return new Promise(function(resolve, reject) {
                        setTimeout(resolve, ms)
                    })
                }
                sleep2(1000).then(() => {
                    console.log(2000)
                })
                //方法三
                function sleep3(ms) {
                    return new Promise(function(resolve, reject) {
                        setTimeout(resolve, ms)
                    })
                }
                async function init() {
                    await sleep3(1000);
                }
                init().then(() => {
                    console.log(3000)
                })
            </script>
        </body>
    
    </html>

    原文参照:https://www.cnblogs.com/mengfangui/p/9765243.html

  • 相关阅读:
    css 基础
    css 基础-1
    html 入门2-表
    CMDB (后台管理) CURD 插件
    序列化
    AES(高级加密)
    API验证
    数据库取时间(分组)
    用户权限 (知识点)
    xss 过滤
  • 原文地址:https://www.cnblogs.com/art-poet/p/12524386.html
Copyright © 2011-2022 走看看