js中setTimeout和clearTimeout的使用

時間 2019-11-21

標籤 settimeout cleartimeout 使用欄目 JavaScript 简体版

原文原文鏈接

1、概念

1. 一、js中能夠經過setTimeout函數設置定時器，讓指定的代碼在指定的時間運動. 若是咱們但願在setTimeout之行前終止其運行就能夠使用clearTimeout()。
1. 二、clearTimeout()用於重置js定時器，若是你但願阻止setTimeout的運行，就能夠使用clearTimeout方法。

2、使用場景

1. 一、寫計時器
1. 二、須要讓程序隔一段時間處理什麼事情，如3秒後自動關閉彈出框等
1. 三、事件延遲，知足業務需求，如鼠標從主菜單moveout的時候，判斷鼠標是否moveover副菜單，再隱藏副菜單。

3、使用方法

<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}

function stopCount()
{
clearTimeout(t)
}

</script>
</head>

<body>
<form>
<input type="button" value="開始計時！" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="中止計時！" onClick="stopCount()">
</form>

<p>
請點擊上面的「開始計時」按鈕。輸入框會從 0 開始一直進行計時。點擊「中止計時」可中止計時。
</p>

</body>

</html>

相關標籤/搜索