JS可以實現很多java代碼不易完成的功能。這里學習一些js中的計時器事件。
JavaScript 一個設定的時間間隔之后來執行代碼，稱之為計時事件。
主要通過兩個方法來實現：
1.setInterval() - 間隔指定的毫秒數不停地執行指定的代碼。
2.setTimeout() - 暫停指定的毫秒數后執行指定的代碼
並且，這兩個方法都是window對象的方法。
首先，介紹setInterval()方法，該方法值得是間隔一定的毫秒數不停的執行指定的代碼。
語法：window.setInterval(”js代碼，函數等“，毫秒數);
實例1：每三秒彈出一個hello
setInterval(function(){alert("Hello")},3000);
實例2：顯示當前時間，通過按鈕實現時間的停止，開始
<script type="text/javascript">
var myVar;
function startTimer(){
/*setInterval() 間隔指定的毫秒數不停地執行指定的代碼*/
myVar=setInterval(function(){myTimer()},1000);
}
function myTimer()/* 定義一個得到本地時間的函數*/
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}
function stopTimer()
{/* clearInterval() 方法用於停止 setInterval() 方法執行的函數代碼*/
clearInterval(myVar);
}
</script>
setTimeout() 方法
在html或jsp中
<body> <h4 id="demo"></h4> <input type="button" onclick="startTimer()" value="開始"> <input type="button" onclick="stopTimer()" value="停止"> </body>
對於setTimeout()方法，指的是指定的毫秒數后執行指定的代碼或方法。
語法：window.setTimeout("javascript 函數",毫秒數);
實例1：3秒鍾后彈出”hello“提示框
setTimeout(function(){alert("Hello")},3000);
實例2：三秒鍾后跳轉到前一個頁面
<script type="text/javascript"> setTimeout(function(){ window.history.back(); },3000); </script>
如何執行停止呢？
clearTimeout() 方法用於停止執行setTimeout()方法的函數代碼。這里注意myVar必須是一個全局變量。實例如下：
var myVar; function myFunction() { myVar=setTimeout(function(){alert("Hello")},3000); } function myStopFunction() { clearTimeout(myVar); }
以上就把js計時器的基本功能簡要介紹了，具體的使用場景，想要深刻理解，只有到項目用到時方可有新的理會。