やってみようカウントダウンが1秒ずつ減っていく様子を見てください
通知・フィードバックメジャー（よく見る）
カウントダウンタイマー
Countdown Timer
「セール終了まで 02:15:30」のように、残り時間が1秒ずつ減っていく。
別名残り時間表示タイムセールのカウントダウン締め切りタイマーカウントダウン
どこで使われている？
- よく見かける場所
- タイムセール、イベント・発売日までの残り時間、試験の残り時間
- 使うとよい場面
- 締め切りまでの時間を、はっきり意識してほしいとき
- 避けたい場面
- 焦らせて買わせるためだけの、実際にはない締め切り
AIへの指示文
これをコピーしてAIに貼り付ければOKです。Webサイトを作る前提の内容です（右上の「何を作る？」で変えられます）。
HTML / CSS / JavaScript で「カウントダウンタイマー（Countdown Timer）」を実装してください。 動き：締め切りまでの残り時間を「時間・分・秒」の箱に分けて表示し、1秒ごとに更新する。数字が変わるときは上下にスライドするように切り替え、残り少なくなったら赤くする。0になったら終了表示に切り替える。 使う部品：setInterval で残り時間を計算して表示
もっと詳しく：プログラムでの部品名
同じ動きでも、作るものによってプログラムの中での部品の名前が違います。上の指示文にはすでに入っているので、覚える必要はありません。AIの説明に出てきた単語を確認したいときに使ってください。
| Webサイトなら | setInterval で残り時間を計算して表示 |
|---|---|
| iPhoneアプリなら | Text(timerInterval:)（または TimelineView） |
| Androidアプリなら | LaunchedEffect で1秒ごとに更新 |
| Flutterなら | Timer.periodic で更新 |
| React Nativeなら | setInterval で更新 |