1. ホーム
  2. jquery

[解決済み] シンプルなJavaScriptのカウントダウンタイマーのコード?

2022-04-29 15:19:04

質問

関数を実行してから30秒後に開始し、0.ミリ秒で終了するシンプルなカウントダウンタイマーを使いたいのですが、どうすればいいですか?どのようにコーディングすればいいのでしょうか?

どのように解決するのですか?

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
}