概要
JavaScriptライブラリ「EasyTimer.js」を使用して、カウントダウンを実装する方法を紹介。用途・要件
- JavaScriptライブラリ「EasyTimer.js」を使用して、カウントダウンを実装。
- カウントダウン終了時刻を「20XX/1/1 00:00:00」のように細かく設定可能。
- 秒数などの各数値は1桁になるとゼロパディングで表示(例: 09)し、最終的に「00」の状態で停止する。
- カウントダウン終了時のイベントを設定可能。
- jQueryを使用せずJavaScriptのみで実装。
検証ブラウザ
- Google Chrome(最新)
- Microsoft Edge(最新)
- Firefox(最新)
- Safari(最新)
その他
- EasyTimer.js v4.5.4使用
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)