JSを使用してタイマー関数を作成する-jsチュートリアル-php.cn

JSを使用してタイマー関数を作成する

php中世界最好的语言

リリース： 2018-06-07 11:35:49

オリジナル

2199 人が閲覧しました

今回はJSを使ってタイマー関数を作る方法を紹介します。JSを使ってタイマー関数を作る際の注意点を実際に見てみましょう。

setIntervalを使用してタイミングを把握し、60秒後に1分に1つ進み、60分後に1時間に1つ進みます。

<!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 中国語 Web サイトの他の関連記事に注目してください。

推奨書籍:

Vue を操作してプロキシを作成する方法

ES6 のクラスを使用して Vue を模倣し、双方向バインディングを作成する

以上がJSを使用してタイマー関数を作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。