首頁猿問為什么clearTimeout不能...

為什么clearTimeout不能直接通過onclick來觸發(fā)而clearInterval卻可以了？

JavaScript

我要沖錢 2016-11-25 13:10:26

<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>計時器</title> <script?type="text/javascript"> function?add()?{ var?time?=?new?Date(); document.getElementById("clock").value?=?time; var?i?=?setTimeout(add,?1000) } var?l?=?setTimeout(add,?100) </script> </head> <body> <form> <input?type="text"?id="clock"?size="50"?width="20"?/> <input?type="button"?value="Stop"?onclick="clearTimeout(i)"?/> </body> </html>代碼這樣

查看完整描述

3 回答

已采納

qq_青棗工作室_0

TA貢獻446條經(jīng)驗獲得超754個贊

因為你的i變量沒放到全局變量上。把

var?i?=?setTimeout(add,?1000) 前面的var去掉。

再在function?add()?{}外面定義一個

var i;

function?add()?{
????var?time?=?new?Date();
????document.getElementById("clock").value?=?time;
????i?=?setTimeout(add,?1000)
}
var?i;

2 反對回復 2016-11-25

我要沖錢
謝謝解答！原來這樣啊，是不是把var放在函數(shù)外，這變量就是全局變量了？我記得全局變量是可以不加var直接寫的，例如u=0 ？

回復 2016-11-25

woshiajuana

TA貢獻211條經(jīng)驗獲得超152個贊

你寫錯了?

<!DOCTYPE HTML>
<html>

<head>
? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
? ?<title>計時器</title>
? ?<script type="text/javascript">
? ? ? ?function add() {
? ? ? ? ? ?var time = new Date();
? ? ? ? ? ?document.getElementById("clock").value = time;
? ? ? ? ? ? l = setTimeout(add, 1000)
? ? ? ?}
? ? ? ?var l = setTimeout(add, 100)
? ?</script>
</head>

<body>
<form>
? ?<input type="text" id="clock" size="50" width="20" />
? ?<input type="button" value="Stop" onclick="clearTimeout(l);"/>
? ?</form>
</body>

</html>