HTML筆記04---計時事件
阿新 • • 發佈：2018-04-18
提示框 sta opc 按鈕 等於 round lock document rip
JavaScript運動01
計時事件
1.語法：var t=setTimeout("javascript語句",毫秒);
setTimeout() 方法會返回某個值。在上面的語句中，值被儲存在名為 t 的變量中。假如你希望取消這個 setTimeout()，你可以使用這個變量名來指定它。
setTimeout() 的第一個參數是含有 JavaScript 語句的字符串。這個語句可能諸如 "alert(‘5 seconds!‘)"，或者對函數的調用，諸如 alertMsg()"。
第二個參數指示從當前起多少毫秒後執行第一個參數。
提示：1000 毫秒等於一秒。
舉個栗子：1.當下面這個例子中的按鈕被點擊時，一個提示框會在5秒中後彈出。*
代碼如下：
<html> <head> <script type="text/javascript"> function timedMsg() { var t=setTimeout("alert('5 seconds!')",5000) } </script> </head> <body> <form> <input type="button" value="Display timed alertbox!" onClick="timedMsg()"> </form> </body> </html>
舉個栗子：2.（無窮循環）要創建一個運行於無窮循環中的計時器，我們需要編寫一個函數來調用其自身。在下面的例子中，當按鈕被點擊後，輸入域便從 0 開始計數。*
代碼如下：
<html> <head> <script type="text/javascript"> var c=0 var t function timedCount() { document.getElementById('txt').value=c c=c+1 t=setTimeout("timedCount()",1000) } </script> </head> <body> <form> <input type="button" value="Start count!" onClick="timedCount()"> <input type="text" id="txt"> </form> </body> </html>
2.語法： clearTimeout(setTimeout_variable);
舉個栗子：面的例子和上面的無窮循環的例子相似。唯一的不同是，現在我們添加了一個 "Stop Count!" 按鈕來停止這個計數器：*
代碼如下：
<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
function stopCount()
{
clearTimeout(t)
}
</script>
</head>
<body>
<form>
<input type="button" value="Start count!" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="Stop count!" onClick="stopCount()">
</form>
</body>
</html>HTML筆記04---計時事件