1. 程式人生 > >js setTimeout和setInterval區別

js setTimeout和setInterval區別

font device mic inter out edge UNC port ini

1、區別

技術分享圖片

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查看執行順序。

js setTimeout和setInterval區別