熱情輕鬆地過生活: 透過Javascript使用計時器

2013年10月7日星期一

透過Javascript使用計時器

若想要在Html中使用計時器，可以透過Javascript來達成目的，使用setInterval來設定計時，而使用clearInterval來停止計時，便可達到許多的應用，如下面程式碼:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body onload="setTime();">
<div id="result"></div>
<script type="text/javascript">
var timer;
var cur = new Date().getTime(); // 頁面執行的起始時間
var setTime = function() {
document.getElementById("result").innerHTML = new Date().toLocaleString();
if (new Date().getTime() - cur > 10 * 1000)
clearInterval(timer); // 10秒後停止計時器
} // function()
timer = window.setInterval("setTime();" , 1000); // 1秒計時一次
</script>
</body>
</html>

沒有留言:

張貼留言

訂閱：張貼留言 (Atom)