使用JS做出计时器功能

php中世界最好的语言原创: 2018-06-07 11:35:491698浏览

这次给大家带来使用JS做出计时器功能，使用JS做出计时器功能的注意事项有哪些，下面就是实战案例，一起来看一下。

使用setInterval实现计时，并且满60秒向分钟进一，满60分钟向小时进一。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JS计时器</title>
    <script>
      window.onload = function(){
      var mm = 0;
      var ss = 0;
      var str = '';
      var timer = setInterval(function(){
      str = "";
      if(++ss==60)
      {
      if(++mm==60)
      {
      mm=0;
      }
      ss=0;
      }
      str+=mm<10?"0"+mm:mm;
      str+=":";
      str+=ss<10?"0"+ss:ss;
      document.getElementById("d").innerHTML = str;
      },1000);
      };
    </script>
  </head>
  <body>
  <p id="d"></p>
  </body>
</html>

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

如何操作Vue做出proxy代理

使用ES6中class模仿Vue做出双向绑定

以上就是使用JS做出计时器功能的详细内容，更多请关注php中文网其它相关文章！

JS setInterval 计时器 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：JS做出倒计时恢复点击（强制阅读）下一条：vue做出手机发送短信验证码注册功能

【24期】《PHP小白到大牛》线上班，开始报名了！

查看更多