開發工具與關鍵技術，計時器方法可以實作在指定的事件過后，單次或重 復呼叫的功能，一天24小時也涉及計時的問題，
那么下面來看看計時器如何停止和開始運行吧，
html結構
<h1 id="h1">年月日 時分秒</h1>
<button id="btn">停止</button>
<button id="btn1">開始</button>
js樣式
頂部
<script>
var btn=document.getElementById("btn");
btn.onclick=function(){
clearInterval(x);//清楚計時器 結束
}
var x;
var btn1=document.getElementById("btn1");
function move(){
x=setInterval(function(){
var h1=document.getElementById("h1");
h1.innerHTML=myTime();
},1000)
}
btn1.onclick=function(){
move();
}
window.onload=function(){
move();
}
function myTime(){
var time=new Date();
var year=time.getFullYear();
var month=(time.getMonth()+1).toString().padStart(2,"0");
var date=time.getDate().toString().padStart(2,"0");
var hours=time.getHours().toString().padStart(2,"0");
var minutes=time.getMinutes().toString().padStart(2,"0");
var seconds=time.getSeconds().toString().padStart(2,"0");
return `${year}年${month}月${date}日 ${hours}: ${minutes}: ${seconds}`
}
</script>
回到js頂部
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/239063.html
標籤：其他
上一篇：jQuer 如何實作輪播圖
下一篇：HTML靜態網頁作業-籃球網頁