溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

javascript怎么實現(xiàn)間隔和延時

發(fā)布時間:2021-06-22 15:10:33 來源:億速云 閱讀:214 作者:chen 欄目:web開發(fā)

這篇文章主要講解了“javascript怎么實現(xiàn)間隔和延時”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“javascript怎么實現(xiàn)間隔和延時”吧!

在javascript中,可以利用定時器setInterval()方法來實現(xiàn)間隔和延時效果,該方法用于按照指定的周期(以毫秒計)來循環(huán)調用函數(shù)或計算表達式,語法格式“setInterval('需要調用的代碼串或函數(shù)',毫秒數(shù))”。

本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

在javascript中,可以利用定時器setInterval()方法來實現(xiàn)間隔和延時效果。

實例:延遲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() 方法可按照指定的周期(以毫秒計)來調用函數(shù)或計算表達式。

setInterval() 方法會不停地調用函數(shù),直到 clearInterval() 被調用或窗口被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。

語法

setInterval(code,millisec[,"lang"])
參數(shù)描述
code必需。要調用的函數(shù)或要執(zhí)行的代碼串。
millisec必須。周期性執(zhí)行或調用 code 之間的時間間隔,以毫秒計。

返回值:一個可以傳遞給 Window.clearInterval() 從而取消對 code 的周期性執(zhí)行的值。

示例:

<!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怎么實現(xiàn)間隔和延時

感謝各位的閱讀,以上就是“javascript怎么實現(xiàn)間隔和延時”的內容了,經(jīng)過本文的學習后,相信大家對javascript怎么實現(xiàn)間隔和延時這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。

AI