カウントダウンタイマー生成

Webサイトに貼れるカウントダウンタイマーのコードを作成するツールです。6種類のデザインから選んで、色や大きさ、表示する単位を自由に変えられます。

キャンペーンやセールの終了、イベントの開始、受付の締め切りなどの告知にお使いください。作成したコードは無料で、商用でもご利用いただけます。

カウントダウンタイマーを作成

プレビュー

設定を変えると、プレビューとコードがその場で更新されます。

1. デザインを選ぶ

2. 日時と表示を設定する

3. 色と大きさを設定する

4. 終了後の表示を選ぶ

5. コードをコピーする

使い方

• 作成したコードを、タイマーを表示したい場所のHTMLに貼り付けてください。
• WordPressなら「カスタムHTML」ブロックに貼るだけで表示されます。
• コードはHTML・CSS・スクリプトが1つにまとまっていて、外部のファイルは読み込みません。
• 1つのページに、複数のタイマーを並べて置くこともできます。

こんな場面に

注意点

• 終了日時は、指定したタイムゾーンの時刻として扱います。どこの国から見ても、同じ瞬間に0になります（夏時間は考慮していません）。
• 残り時間は、見ている人の端末の時計で計算します。端末の時計がずれていると、表示もずれます。
• タイマーが0になっても、申し込みフォームの受付や商品の販売が自動で止まるわけではありません。締め切りの処理は別に設定してください。

あわせて使いたいツール

• リアルタイム年齢生成：いつ見ても最新の年齢を表示するコードを作れます。
• ランダム広告生成ツール：複数の広告をランダムに表示するコードを作れます。