[解決済み] シンプルな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
}
関連
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] 配列に特定のインデックスで項目を挿入する方法 (JavaScript)
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] セレクタの子を取得する方法は?
-
[解決済み] jQueryを使用しない$(document).ready相当
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] JavaScriptでsetIntervalの呼び出しを停止する
-
[解決済み] セレクトした要素の外側のHTMLを取得する
-
[解決済み] ドロップダウンのアイテムの選択値をjQueryで取得する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 簡単な10秒のカウントダウンを作成する
-
[解決済み] Bootstrapのモーダルを閉じる
-
[解決済み] jQueryで5秒待つには?
-
[解決済み] jQueryを使用してspanに値を設定する方法
-
[解決済み] jQueryを使用してDropDownListの値を設定するにはどうすればよいですか?
-
[解決済み] jQueryでval()がchange()をトリガーしない
-
[解決済み] jQuery OR Selector?
-
[解決済み] Electron: jQueryが定義されていない
-
[解決済み】iPad版SafariでjQueryを使ってタッチイベントを認識させる方法は?可能でしょうか?
-
[解決済み] jQueryで<input type="text">のonchangeを実装するには?