JavaScript实现显示时间，暂停时间，和取消显示时间-阿里云开发者社区

JavaScript实现显示时间，暂停时间，和取消显示时间

2023-09-26 125

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： JavaScript实现显示时间，暂停时间，和取消显示时间

<script type="text/javascript">
    //显示时间函数
    var id;//设置该id主要是为了之后的暂停和取消显示时间用到clearInterval(这里传id);
    function showTime(){
      var divOne=document.getElementById("one");
      var d=new Date();
      var timStr=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate()+" "+
          d.getHours()+":"+d.getMinutes()+":"+d.getSeconds()+":"+d.getMilliseconds();
      divOne.innerHTML=timStr;
      id=setInterval(function(){
         d=new Date();
       timStr=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate()+" "+
          d.getHours()+":"+d.getMinutes()+":"+d.getSeconds()+":"+d.getMilliseconds();
      divOne.innerHTML=timStr;
      }, 1)
    }
    //暂停时间函数
    function stopTime(){
      clearInterval(id);
    }
    //取消显示时间函数
    function cancelTime(){
      var divOne=document.getElementById("one");
      clearInterval(id);
      divOne.innerHTML='';
    }
  </script>
  </head>
  <body>
      <input type="button" value="显示时间"
          οnclick="showTime()">
      <input type="button" value="暂停时间"
          οnclick="stopTime()">
      <input type="button" value="取消时间"
          οnclick="cancelTime()">
      <div id="one"></div>
  </body>

JavaScript实现显示时间，暂停时间，和取消显示时间

热门文章

最新文章

相关电子书