當(dāng)前位置：首頁(yè) > 编程资源 > 综合教程 >内容正文

综合教程

javascript实现间隔和延时的方法是什么(JavaScript实现计时器)

發(fā)布時(shí)間：2023/12/15 综合教程 18 生活家

生活随笔收集整理的這篇文章主要介紹了 javascript实现间隔和延时的方法是什么(JavaScript实现计时器) 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

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

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

實(shí)例：延遲3 秒（3000 毫秒）后彈出 "Hello"


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>點(diǎn)擊按鈕，3 秒后會(huì)彈出 "Hello"。</p>
<button onclick="myFunction()">點(diǎn)我</button>

<script>
function myFunction() {
    setTimeout(function(){ alert("Hello"); }, 3000);
}
</script>

</body>
</html>

登錄后復(fù)制

說(shuō)明：

setInterval() 方法可按照指定的周期（以毫秒計(jì)）來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式。

setInterval() 方法會(huì)不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。

語(yǔ)法


setInterval(code,millisec[,"lang"])

登錄后復(fù)制

參數(shù)	描述
code	必需。要調(diào)用的函數(shù)或要執(zhí)行的代碼串。
millisec	必須。周期性執(zhí)行或調(diào)用 code 之間的時(shí)間間隔，以毫秒計(jì)。

返回值：一個(gè)可以傳遞給 Window.clearInterval() 從而取消對(duì) 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>

登錄后復(fù)制

效果圖：

【相關(guān)推薦：javascript學(xué)習(xí)教程】

以上就是javascript實(shí)現(xiàn)間隔和延時(shí)的方法是什么的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注風(fēng)君子博客其它相關(guān)文章！

總結(jié)

以上是生活随笔為你收集整理的javascript实现间隔和延时的方法是什么(JavaScript实现计时器)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。