您好,登錄后才能下訂單哦!
這篇文章主要講解了“javascript怎么實現間隔和延時”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“javascript怎么實現間隔和延時”吧!
在javascript中,可以利用定時器setInterval()方法來實現間隔和延時效果,該方法用于按照指定的周期(以毫秒計)來循環調用函數或計算表達式,語法格式“setInterval('需要調用的代碼串或函數',毫秒數)”。
本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
在javascript中,可以利用定時器setInterval()方法來實現間隔和延時效果。
實例:延遲3 秒(3000 毫秒)后彈出 "Hello"
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p>點擊按鈕,3 秒后會彈出 "Hello"。</p> <button onclick="myFunction()">點我</button> <script> function myFunction() { setTimeout(function(){ alert("Hello"); }, 3000); } </script> </body> </html>
說明:
setInterval() 方法可按照指定的周期(以毫秒計)來調用函數或計算表達式。
setInterval() 方法會不停地調用函數,直到 clearInterval() 被調用或窗口被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數。
語法
setInterval(code,millisec[,"lang"])
參數 | 描述 |
---|---|
code | 必需。要調用的函數或要執行的代碼串。 |
millisec | 必須。周期性執行或調用 code 之間的時間間隔,以毫秒計。 |
返回值:一個可以傳遞給 Window.clearInterval() 從而取消對 code 的周期性執行的值。
示例:
<!DOCTYPE html> <html> <body> <div id="clock"></div> <script language=javascript> var int= self.setInterval("clock()",50) function clock() { var t=new Date() document.getElementById("clock").innerHTML=t } </script> </form> </body> </html>
效果圖:
感謝各位的閱讀,以上就是“javascript怎么實現間隔和延時”的內容了,經過本文的學習后,相信大家對javascript怎么實現間隔和延時這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。