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計時器的基本功能簡要介紹了，具體的使用場景，想要深刻理解，只有到項目用到時方可有新的理會。