☰

シンプルなJavaScriptカウントダウンタイマーのコードはありますか？質問する

tag-icon • tag-icon jquery timer counter setinterval clearinterval
シンプルなJavaScriptカウントダウンタイマーのコードはありますか？質問する

関数が実行されてから 30 秒後に始まり、0 で終了する単純なカウントダウン タイマーを使用したいと思います。ミリ秒はありません。どのようにコーディングすればよいでしょうか?

ベストアンサー1

var count=30;

var counter=setInterval(timer, 1000); //1000 will  run it every 1 second

function timer()
{
  count=count-1;
  if (count <= 0)
  {
     clearInterval(counter);
     //counter ended, do something here
     return;
  }

  //Do code for showing the number of seconds here
}

タイマーのコードを段落内（またはページ上の他の場所）に表示するには、次の行を追加します。

<span id="timer"></span>

秒を表示したい場所に次の行を挿入します。timer()次のようになります。

function timer()
{
  count=count-1;
  if (count <= 0)
  {
     clearInterval(counter);
     return;
  }

 document.getElementById("timer").innerHTML=count + " secs"; // watch for spelling
}

おすすめ記事