如果希望一段程序可以每間隔一段時間執行一次,可以使用定時調用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
var count =document.getElementById("count");
var num = 1;
var timer = setInterval(function(){
count.innerHTML = num++;
if(num == 11){
/*
* clearInterval(); 可以用來關閉一個定時器
* 方法中需要一個定時器的標識作為參數,這樣講關閉標識對應的定時器
*/
clearInterval(timer);
}
},1000);
}
</script>
</head>
<body>
<h1 id="count"></h1>
</body>
</html>
setInterval() 方法 定時調用,可以將一個函數每隔一段時間執行一次
- 參數
1.回調函數 函數每隔一段時間調用一次
2.每次調用間隔的時間 單位毫秒 - 返回值
返回一個Number類型的數據,這個數字用來作為定時器的唯一標識 -
程序運行如圖
image.pngimage.png - 程序每隔1秒會跳一個數字,直到10關閉定時器,停止運行