javascrip如何t實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘的啟動(dòng)和停止

發(fā)布時(shí)間：2021-04-12 10:14:58 來源：億速云閱讀：249 作者：小新欄目：web開發(fā)

小編給大家分享一下javascrip如何t實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘的啟動(dòng)和停止，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

javascript實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘的啟動(dòng)和停止，點(diǎn)擊開始按鈕，獲取當(dāng)前時(shí)間，點(diǎn)擊停止按鈕，時(shí)間停止

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>動(dòng)態(tài)時(shí)鐘的啟動(dòng)和停止</title>
 </head>
 <body background="img/2.jpg" >
 <!--1.顯示當(dāng)前時(shí)間
  2.啟動(dòng)秒表
  3.停止時(shí)鐘
 -->
 <h2>動(dòng)態(tài)時(shí)鐘</h2>
 <p>
  當(dāng)前時(shí)間：<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(){
   //設(shè)置定時(shí)器（方法的實(shí)現(xiàn)，毫秒數(shù)）
    timer=setInterval(function(){
    var now=new Date();
    var time=now.toLocaleTimeString();
    var c=document.getElementById("clock");
    c.innerHTML=time;
   },1000);
  }
  function stop(){
   //暫停 清楚定時(shí)器
   clearInterval(timer);
  }
 </script>
</html>

效果截圖：

javascrip如何t實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘的啟動(dòng)和停止

看完了這篇文章，相信你對(duì)“javascrip如何t實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘的啟動(dòng)和停止”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

javascrip如何t實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘的啟動(dòng)和停止

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽