您好,登錄后才能下訂單哦!
這篇文章主要介紹JavaScript中setTimeout()和setInterval()兩個定時器有什么區別,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
setTimeout()方法
setTimeout()
方法在等待指定的毫秒數之后執行一個函數。
語法:
window.setTimeout(function, milliseconds); function : 第一個參數是要執行的函數 milliseconds : 表示執行前的毫秒數.
例如,我們希望在用戶按下“點擊我!”按鈕2秒后彈出一個提示框。
javascript代碼如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <button onclick="setTimeout(gfg, 2000);">點擊我!</button> <script> function gfg() { alert('歡迎來到億速云!'); } </script> </body> </html>
輸出:
一旦用戶按下“按我”按鈕,然后在暫停2秒后,會彈出一個框。
setInterval()方法
setInterval()
方法在每個給定的時間間隔重復一個給定的函數。
語法:
window.setInterval(function, milliseconds); function : 第一個參數是要執行的函數 milliseconds :表示每次執行之間的時間間隔的長度。
代碼示例如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <p>我會說“你好”很多次!</p> <p id="GFG"></p> <script> var myVar = setInterval(myTimer, 1000); function myTimer() { document.getElementById("GFG").innerHTML += "<p>你好</p>"; } </script> </body> </html>
每隔一秒就會顯示一條新的“你好”消息。
然后:
以上是JavaScript中setTimeout()和setInterval()兩個定時器有什么區別的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。