javascript定時器函數開始和結束代碼實例
本章節分享一段代碼實例，它演示了setTimeout()定時器函數開始執行和結束效果。
代碼實例:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="/" />
<title>實例</title>
<script type="text/javascript">
var timer = null;
function begin(){
var date = new Date();
var current_time = date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate() + ' ';
current_time += date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds();
document.getElementById('current_time').value = current_time;
timer = setTimeout('begin()', 1000);
}
function stop() {
//清除掉定時器對象
clearTimeout(timer);
}
window.onload=function(){
var start=document.getElementById("start");
var end=document.getElementById("end");
start.onclick=function(){begin();}
end.onclick=function(){stop();}
}
</script>
</head>
<body>
<input type="text" name="current_time" id="current_time"/>
<input type="button" id="start" value="開始"/>
<input type="button" id="end" value="結束"/>
</body>
</html>上面的代碼演示了定時器函數的用法，下面介紹一下它的實現過程。
一.代碼注釋:
（1）.var timer = null，聲明一個變量并賦值為null,用來存儲定時器函數的返回值。
（2）.function begin(){}，此函數能夠實現獲取當前時間日期的功能，定時器函數就是對它的調用。
（3）.var date = new Date()，創建一個事件日期對象。
（4）.var current_time = date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate() + ' '，獲取年月日。
（5）.current_time += date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds()，連接獲取的小時、分鐘和秒。
（6）.document.getElementById('current_time').value = current_time，給文本框賦值。
（7）.me').value = current_time,使用遞歸的方式不斷調用begin函數。
（8）.function stop() {
//清除掉定時器對象
clearTimeout(timer);
}，停止定時器函數的執行。
（1）.關于時間對象可以參閱JavaScript Date 對象一章節。
（2）.setTimeout()可以參閱setTimeout()一章節。
（3）.clearTimeout()可以參閱clearTimeout()方法一章節。
相關推薦
-
JavaScript 函數聲明方式
一.函數聲明方式:所謂的函數聲明的方式就是采用function+函數名(){}的方式創建一個函數。代碼實例如下:function func(){ consol.log(前端教程網);}此種方式
-
dom對象和jQuery對象相互轉換簡單介紹
在實際應用中，可能會遇到dom對象與jQury對象相互轉換。本章節就通過簡短的代碼實例介紹一下如何實現此操作。一.jQury對象轉換為dom對象:所謂的jQury對象其實是一個類數組對象，可以使
-
jquery為動態添加元素注冊事件處理函數
可能不少朋友遇到這樣的需要，那就是為動態新增的元素自動注冊事件處理函數。下面就介紹一下如何實現此功能，代碼實例如下:一.HTML代碼:div id=tstdiv ul/ul/di
-
WordPress配置Redis對象緩存提升網站速度教程
WordPrss打開速度慢一直是很多人關注的問題，我們可以通過頁面優化、服務器優化、安裝優化插件來解決。
-
使用golang中的json.NewDecoder和json.NewEncoder函數實現JSON的流式編碼和解碼
使用golang中的json.NwDcodr和json.Nwncodr函數實現JSON的流式編碼和解碼JSON是一種輕量級數據交換格式，由于其易于閱讀和編寫，因此廣泛應用于Wb應用程序和
