Rumah > Artikel > hujung hadapan web > 使用JS做出计时器功能

使用JS做出计时器功能

php中世界最好的语言asal: 2018-06-07 11:35:492190semak imbas

这次给大家带来使用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中文网其它相关文章！

Artikel berkaitan

Lihat lagi