課程
/前端開發
/JavaScript
/JavaScript進階篇
多次點擊start按鈕后,計時速度變快
2016-08-24
源自:JavaScript進階篇 8-6
正在回答
我是這么做的,不知道對不對。
q_Amily
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>計時器</title></head><script type="text/javascript">? var num=0;? var i;? function startCount(){??? document.getElementById('count').value=num;??? num=num+1;??? i=setTimeout("startCount()",1000);? }? i=setTimeout("startCount()",1000);? function stopCount(){? clearTimeout(i);? }</script></head><body>? <form>??? <input type="text" id="count" />??? <input type="button" value="Start"? onclick="i"/>??? <input type="button" value="Stop"?? onclick="stopCount()"/>? </form></body></html>
主要是你沒有清空定時器
解決辦法:在定時器開啟之前先清空定時器,clearInterval()或者clearTimeout
這樣不管點擊多少次都不會速度變快!
舉報
本課程從如何插入JS代碼開始,帶您進入網頁動態交互世界
4 回答8-6 取消計時器clearTimeout()
4 回答取消計時器clearTimeout()
2 回答取消計時器
4 回答取消計時器clearInterval()
1 回答關于取消計時器
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-08-28
我是這么做的,不知道對不對。
2016-08-28
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>計時器</title>
</head>
<script type="text/javascript">
? var num=0;
? var i;
? function startCount(){
??? document.getElementById('count').value=num;
??? num=num+1;
??? i=setTimeout("startCount()",1000);
? }
? i=setTimeout("startCount()",1000);
? function stopCount(){
? clearTimeout(i);
? }
</script>
</head>
<body>
? <form>
??? <input type="text" id="count" />
??? <input type="button" value="Start"? onclick="i"/>
??? <input type="button" value="Stop"?? onclick="stopCount()"/>
? </form>
</body>
</html>
2016-08-24
主要是你沒有清空定時器
解決辦法:在定時器開啟之前先清空定時器,clearInterval()或者clearTimeout
這樣不管點擊多少次都不會速度變快!