首頁猿問取消計時器，

取消計時器，

JavaScript

晴書文文 2016-05-24 22:51:22

<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>計時器</title> <script?type="text/javascript"> ???function?clock(){ ??????var?time=new?Date();????????????????????? ??????document.getElementById("clock").value?=?time; ???}//?每隔100毫秒調(diào)用clock函數(shù)，并將返回值賦值給i ?????var?i=setInterval("clock()",100); </script> </head> <body> ??<form> ????<input?type="text"?id="clock"?size="50"??/> ????<input?type="button"?value="Stop"?onclick="clearInterval(i)"??/> ??</form> </body> </html>不是很懂

查看完整描述

3 回答

已采納

Rxa_王樹慧

TA貢獻(xiàn)6條經(jīng)驗(yàn) 獲得超7個贊

要做一個定時器首先要是創(chuàng)建一個定時器 ??

var i=setInterval("clock()",100)?

這樣就創(chuàng)建了每隔100毫秒就調(diào)用clock函數(shù)的定時器；clock()是要調(diào)用的函數(shù)，名字起好了 ?那么接下來就要創(chuàng)建函數(shù)了 function clock(){}?

函數(shù)里面的var time=new Date()是獲取當(dāng)前的系統(tǒng)時間 ?然后把時間賦給id為clock的文本框； ?下面還有一個按鈕，點(diǎn)擊的時候取消定時器 ?clearInterval(i) ?為什么括號里面是i呢 ?因?yàn)閯?chuàng)建定時器的時候把返回值賦給i了所以這里面就直接寫i就行了。

只要記住

創(chuàng)建定時器是setInterval(函數(shù)名,時長)；

取消定時器是clearInterval()

2 反對回復(fù) 2016-05-25

晴書文文
為什么是100毫秒啊，一秒不是等于1000毫秒嗎？

回復(fù) 2016-05-25
Rxa_王樹慧
時間可以隨便定只是規(guī)定的1秒等于1000毫秒那現(xiàn)在定的是100毫秒就是0.1秒執(zhí)行一次

回復(fù) 2016-05-25

慕娘9282524

TA貢獻(xiàn)13條經(jīng)驗(yàn) 獲得超8個贊

你又來賣萌了。

反對回復(fù) 2016-05-27

陳士愚

TA貢獻(xiàn)44條經(jīng)驗(yàn) 獲得超44個贊

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>計時器</title>
<script?type="text/javascript">
???function?clock(){?//?業(yè)務(wù)邏輯函數(shù)
??????var?time=new?Date();?????????????????????
??????document.getElementById("clock").value?=?time;
???}//?每隔100毫秒調(diào)用clock函數(shù)，并將返回值賦值給i
?????var?i=setInterval("clock()",100);?//?周期性調(diào)用clock函數(shù)處理業(yè)務(wù)的語法?；100為調(diào)用周期，單位毫秒；i識別當(dāng)前周期性調(diào)用
</script>
</head>
<body>
??<form>
????<input?type="text"?id="clock"?size="50"??/>
????<input?type="button"?value="Stop"?onclick="clearInterval(i)"??/>?//?clearInterval函數(shù)用于清除周期性調(diào)用；i為標(biāo)識清除哪個周期性調(diào)用。
??</form>
</body>
</html>

這是基礎(chǔ)的語法，沒啥可講解的吧？了解下setInterval()和clearInterval()這兩個函數(shù)。

反對回復(fù) 2016-05-25