setTimeout 與 setInterval
阿新 • • 發佈：2017-05-23
是把 cti -type 觸發 了無 head 循環 title itl
setTimeout （cold,1000）表示1000秒後執行一次cold函數；
setInterval （cold,1000）表示每過1000秒執行一次函數；
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>計時器</title>
<script type="text/javascript">
var num=0;
var i
function startCount() {
document.getElementById(‘count‘).value=num;
num=num+1;
i= setTimeout(startCount,1000) //本身setTimeout()一秒後只執行一次 但是把他寫到了startCount（）函數裏面
// 這樣在調用startCount（）的同時也調用了setTimeout() 然後 setTimeout()1秒後又再次執行 startCount（）
// 兩者相互調用達到了無限循環的作用
} //因為 setTimeout(startCount,1000)是寫在函數裏面的所以要先點擊按鈕觸發這個startCount函數
// setTimeout(startCount,1000); //這時不用調用但是只觸發了一次
// setInterval(startCount,1000) //這時不用點擊也可以調用
function stopCount(){
clearTimeout(i) //清除計時器
}
</script>
</head>
<body>
<form>
<input type="text" id="count" />
<input type="button" value="Start" onClick="startCount()" />
<input type="button" value="Stop" onclick="stopCount()"/>
</form>
</body>
</html>
setTimeout 與 setInterval