javaScript爲我們提供了兩個定時器
setTimeout()和setInterval()。這兩個都是客戶端JavaScript的重要的全局函數,定義爲Window對象的方法。但是這兩個函數是不會對文檔頁面窗口做什麼事情的。
setTimeout()是定義的計時器是在指定的毫秒數結束以後去調用指定的函數。只調用一次。
setInterval()定義的計時器是在每過一個指定的毫秒數就會調用一次指定的函數,是一種反覆調用。所以該計時器對應的有一種關閉定時器的方法:clearInterval();
setTimeout()計時器和setInterval計時器的實例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>setTimeout計時器</title>
</head>
<body>
<h1>定時器簡單調用</h1>
<p>我是一個段落,<span id="time">3</span>秒過後我會變化內容</p>
</body>
<script type="text/javascript">
/**
* 定義一個setInterval()計時器,每隔一秒調用一次函數changeTime()
*/
var interval = self.setInterval("changeTime()",1000);
var time=2;
function changeTime(){
//setInterval()計時器的關閉
if(time<=0){
window.clearInterval(interval);
}
document.getElementById("time").innerHTML=time;
time--;
}
/**
*定義一個setTimeout()計時器,頁面加載3秒過後調用changeInnerHtml()函數
*/
setTimeout("changeInnerHtml()",3000);
function changeInnerHtml(){
document.getElementsByTagName("p")[0].innerText="我是另一個段落,代替前面的段落";
}
</script>
</html>