首頁猿問函數(shù)clearInterval的使...

函數(shù)clearInterval的使用疑問.

Html5 JavaScript

bestDove 2016-06-17 14:55:29

<!DOCTYPE?HTML> <html> <head> ????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> ????<title>計時器</title> ????<script?type="text/javascript"> ????????//獲取當前時間并賦值給顯示輸入框的value ????????function?clock(){ ????????????var?time=new?Date(); ????????????document.getElementById("clock").value?=?time; ????????} ????????//每秒執(zhí)行一次賦值方法 ?????????function?start(){ ????????????????var?i?=??setInterval("clock()",100); ??????????} ????????//想讓時間顯示停下來的方法 ??????????function?stop(){ ?????????????? ??????????????????var?i?=??setInterval("clock()",100) ??????????????????clearInterval(i); ???????????} ????</script> </head> <body> <form> ????<input?type?=?"text"?id?=?"clock"?size?=?"50"??/> ????<input?type?=?"button"?value?=?"start"?onclick?=?"start()"?/> ????<input?type="button"?value="stop"?onclick=?"stop()"?> </form> </body> </html>當點擊"start"的時候輸入框里的時間顯示正常,達到預期的動態(tài)顯示時間的效果.問題是:當點擊"stop"的時候,希望實現(xiàn)的功能是:input里面的時間不再隨時間變化,停在當前時間,我自己寫的不知道哪里問題,時間還是會動態(tài)變化的.

查看完整描述

2 回答

已采納

剛毅87

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

<!DOCTYPE?HTML>
<html>
<head>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
????<title>計時器</title>
????<script?type="text/javascript">
????		//將?賦值給i?寫在函數(shù)外面
?		var?i;
????????//獲取當前時間并賦值給顯示輸入框的value
????????function?clock(){
????????????var?time=new?Date();
????????????document.getElementById("clock").value?=?time;
????????}
????????//每秒執(zhí)行一次賦值方法
?????????function?start(){
?????????		?//?使用定時器要遵循先關后開的原則,不然多次點擊會加速
?????????		?clearInterval(i);
?????????????????i?=??setInterval("clock()",100);
??????????}
??????????function?stop(){
??????????????????clearInterval(i);
???????????}
????</script>
</head>
<body>
<form>
????<input?type?=?"text"?id?=?"clock"?size?=?"50"??/>
????<input?type?=?"button"?value?=?"start"?onclick?=?"start()"?/>
????<input?type="button"?value="stop"?onclick=?"stop()"?>
</form>
</body>
</html>

注釋都寫在代碼中了.

望采納!

2 反對回復 2016-06-17