& lthead & gt& ltmeta?charset=\"UTF-8 \" >& lttitle & gt文檔& lt/title & gt;& lt/head & gt;& ltbody & gt& lt輸入?Place" />
當前位置:名人名言大全網 - 端午節短信 - 用js完整代碼實現了制作帶開始和暫停的倒計時按鈕。

用js完整代碼實現了制作帶開始和暫停的倒計時按鈕。

& lt!doctype?html & gt

& lthtml?lang="en " >

& lthead & gt

& ltmeta?charset="UTF-8 " >

& lttitle & gt文檔& lt/title & gt;

& lt/head & gt;

& ltbody & gt

& lt輸入?Placeholder= "請輸入時間"?id = " inp " & gt

& lt按鈕?onclick = " go()" & gt;開始& lt/button & gt;& lt按鈕?onclick = " stop()" & gt;停止& lt/button & gt;& lt按鈕?id= "許繼"?onclick= "許繼()"?style="display:無;”& gt繼續& lt/button & gt;

& ltdiv?id = " result " & gt& lt/div & gt;

& lt腳本& gt

var?時間,

div = document . getelementbyid(' result '),

停止狀態?=?假的;

功能?go(){

時間?=?document.getElementById('inp ')。價值;

time out();

}

功能?超時(){

如果(時間?==''){

提醒(“請輸入時間”)

返回;

}

setTimeout(function(){

時間-;

div.innerText?=?時間;

如果(時間!==0?& amp& amp?!停止狀態){

time out();

}

},1000);

}

功能?許繼(){

時間?=?number(document . getelementbyid(' result ')。innerText);

document.getElementById('許繼')。=?“無”;

停止狀態?=假;

time out();

}

功能?stop(){

document.getElementById('許繼')。=?'';

停止狀態?=?真實;

}

& lt/script & gt;

& lt/body & gt;

& lt/html & gt;