當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript setTimeout函数

發布時間：2025/3/21 javascript 13 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript setTimeout函数小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

setTimeout的作用：延遲一段時間執行某個函數。

例如：setTimeout(function(){alert("延遲5秒執行...")},5000);

注意：setTimeout()不是循環執行，只執行一次。

setTimeout是異步調用,setTimeout方法與其后的方法同時執行。

例如：setTimeout(function(){alert("延遲5秒執行...")},5000);

　　　alert("判斷setTimeout是否是異步執行，如果先彈出則表示是異步執行。");

　　 ? 執行結果可以證明setTimeout是異步的。

使用setTimeout實現計時器的算法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>setTimeout計時器的實現</title>
<script type="text/javascript" language="javascript">
var time = 0;

function currTimeView(){
document.getElementById("currTime").value = time + "秒";
}

/**開始計時*/
function startTime(){
time++;
currTimeView();
tid = setTimeout("startTime();",1000);
}

/**開始計時*/
function stopTime(){
clearTimeout(tid);
}

/**開始計時*/
function clearTime(){
time = 0;
document.getElementById("currTime").value = "開始計時...";
}
</script>
</head>

<body>
<input id="currTime" type="text" value="開始計時..." />
<br />
<input id="start" value="開始計時" type="button" onclick="startTime()" />
<input id="stop" value="停止計時" type="button" onclick="stopTime()" />
<input id="clear" value="清空計時" type="button" onclick="clearTime()" />
</body>
</html>

轉載于:https://www.cnblogs.com/tovep/articles/setTimeout.html

總結

以上是生活随笔為你收集整理的JavaScript setTimeout函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。