小編給大家分享一下javascrip如何t實現動態時鐘的啟動和停止，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
javascript實現動態時鐘的啟動和停止，點擊開始按鈕，獲取當前時間，點擊停止按鈕，時間停止
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>動態時鐘的啟動和停止</title>
</head>
<body background="img/2.jpg" >
<!--1.顯示當前時間
2.啟動秒表
3.停止時鐘
-->
<h2>動態時鐘</h2>
<p>
當前時間：<span id="clock" /> </span>
</p>
<p>
<input type="button" value="start" onclick="start()" />
<input type="button" value="stop" onclick="stop()" />
</p>
</body>
<script type="text/javascript">
var timer;
function start(){
//設置定時器（方法的實現，毫秒數）
timer=setInterval(function(){
var now=new Date();
var time=now.toLocaleTimeString();
var c=document.getElementById("clock");
c.innerHTML=time;
},1000);
}
function stop(){
//暫停 清楚定時器
clearInterval(timer);
}
</script>
</html>效果截圖：
看完了這篇文章，相信你對“javascrip如何t實現動態時鐘的啟動和停止”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
