標籤：
<!DOCTYPE html><html><head><title>作業</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"><style type="text/css">input { width: 300px; text-align: center;}</style><script type="text/javascript"> var hour = 0; var minute = 0; var second = 0; var interval; var flag = true; window.onload = function() { //當按鈕點擊時 document.getElementById("btn").onclick = function() { this.disabled = "disabled"; //time(); interval = window.setInterval("time()", 1000); }; //對暫停繼續按鈕進行註冊事件 document.getElementById("btn1").onclick = function() { if (flag) { window.clearInterval(interval); } else { interval = window.setInterval("time()", 1000); } flag=!flag; }; } var time = function() { second++; if (second >= 60) { minute++; second = 0; } if (minute >= 60) { minute = 0; hour++; } hour = parseInt(hour) > 9 ? hour : "0" + parseInt(hour); minute = parseInt(minute) > 9 ? minute : "0" + parseInt(minute); second = parseInt(second) > 9 ? second : "0" + parseInt(second); document.getElementById("txt").value = hour + ":" + minute + ":" + second; //讓上面的代碼，每間隔一秒鐘執行一次. //setTimeout("time()", 1000); }</script></head><body> <input type="text" id="txt" readonly="readonly"> <br> <input type="button" value="開始" id="btn"> <br> <input type="button" value="暫停/繼續" id="btn1"></body></html>
記時器帶暫停-html
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
