課程
/前端開發
/JavaScript
/JavaScript進階篇
代碼里面都有注釋了，誰幫我看看有設么問題嗎？實現不了
2015-11-29
源自：JavaScript進階篇 8-4
正在回答
個人愚見 ?不知道 toggle 是否也可以做成這個效果呢
<!DOCTYPE?HTML> <html> <head> ????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> ????<title>計時器</title> ????<script?type="text/javascript"> ????????var?i; ????????function?clock()?{????//顯示時間 ????????????var?time?=?new?Date(); ????????????document.getElementById("clock").value?=?time; ????????} ????????i?=?setInterval("clock()",?1000);??//(1) ????????/*寫在這里的目的在于一開始就能在瀏覽器中顯示出時間，而不用人為地一開始就要點擊“s??tart”按鈕*/ ????????function?runOrStop()?{ ????????????if(i){ ????????????????clearInterval(i); ????????????????i=null; ????????????}else{ ????????????????i?=?setInterval("clock()",?1000); ????????????} ????????} ????</script> </head> <body> <form> ????<input?type="text"?id="clock"?size="50"/> ????<input?type="button"?id="change"?value="Stop"?onclick="runOrStop()"/> </form> </body> </html>
沒有你想的那么復雜，你只需要判斷是不是有定時器在執行就行了，有就停掉它，沒有就開啟一次。有一個注意點是最好不要用change做方法名，因為他是一個關鍵字，否則有時你會發現這個方法無效。
舉報
本課程從如何插入JS代碼開始，帶您進入網頁動態交互世界
1 回答想實現按鈕點一下開始計時，再次點擊停止，再點又開始，以此類推。。。代碼如下為么不可以？
2 回答為什么點了 停止之后 點開始 再點停止 這個時間就是停不下來呢？
7 回答我寫的哪里有問題，為什么不能實現效果呢？點擊stop按鈕不能停止？
2 回答怎么點擊stop按鈕 計時器不停止？
3 回答停止后 怎樣再次點擊按鈕繼續運行呢
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-11-29
個人愚見 ?不知道 toggle 是否也可以做成這個效果呢
2015-11-29
<!DOCTYPE?HTML> <html> <head> ????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> ????<title>計時器</title> ????<script?type="text/javascript"> ????????var?i; ????????function?clock()?{????//顯示時間 ????????????var?time?=?new?Date(); ????????????document.getElementById("clock").value?=?time; ????????} ????????i?=?setInterval("clock()",?1000);??//(1) ????????/*寫在這里的目的在于一開始就能在瀏覽器中顯示出時間，而不用人為地一開始就要點擊“s??tart”按鈕*/ ????????function?runOrStop()?{ ????????????if(i){ ????????????????clearInterval(i); ????????????????i=null; ????????????}else{ ????????????????i?=?setInterval("clock()",?1000); ????????????} ????????} ????</script> </head> <body> <form> ????<input?type="text"?id="clock"?size="50"/> ????<input?type="button"?id="change"?value="Stop"?onclick="runOrStop()"/> </form> </body> </html>沒有你想的那么復雜，你只需要判斷是不是有定時器在執行就行了，有就停掉它，沒有就開啟一次。有一個注意點是最好不要用change做方法名，因為他是一個關鍵字，否則有時你會發現這個方法無效。