js setTimeout和setInterval区别

时间：2022-12-16 00:25:01

1、区别

js setTimeout和setInterval区别

2、示例代码

<!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 setTimeout和setInterval区别</title>
    </head>

    <body>
        <script type="text/javascript"> let scriptBegin = Date.now(); //fun1();
 fun2(); //需要执行20ms的程序
            function act(functionName) { console.log(functionName, Date.now() - scriptBegin); let begin = Date.now(); while(Date.now() - begin < 20); } // function fun1 () {
            // let fun3 = ()=>{act('fun3')}
            // setTimeout(fun3,20);
            // act('fun1')
            // }
            function fun2() { act('fun2-1') let fun4 = () => { act('fun4') } setInterval(fun4, 20); act('fun2-2') } </script>
    </body>

</html>

注：可以分别执行fun1和fun2查看执行顺序。

标签：

相关文章