フラッシュセールのカウントダウンウィジェット
閲覧者のブラウザーで更新される、コピー可能なセール終了カウントダウンを作成します。
ブラウザーのローカルタイムゾーンを使います。
ライブプレビュー
埋め込みコード
ウィジェットは閲覧者のブラウザーのローカル時刻を使います。使い方
使い方
- ブラウザーのローカルタイムゾーンでセール終了日時を選びます。
- 時分秒のライブカウントダウンを確認し、バナー文を調整します。
- HTML と CSS をバナーまたは商品ページにコピーします。
ブラウザーのローカル時刻
日時フィールドはブラウザーのタイムゾーンを使います。コピーしたウィジェットも閲覧者のローカル時計を使うため、それを考慮して終了時刻を設定してください。
無効な日時と終了済みを処理
読めない入力には無効な日時を表示し、過去の日時にはセール終了を表示します。コピーしたウィジェットも同じ確認を行い、ゼロで停止します。
アップロードやバックエンド不要
カウントダウン、プレビュー、コード生成、コピーはすべてこのブラウザーで行います。生成コードに外部リクエストや依存関係はありません。
よくある質問
あわせて知りたいこと
どのタイムゾーンを使いますか?
日時入力とカウントダウンはブラウザーのローカルタイムゾーンを使います。生成ウィジェットは閲覧者のローカルタイムゾーンを使います。
セール終了後はどうなりますか?
ゼロになり、セール終了と表示します。負の時間にはなりません。
商品ページで使えますか?
はい。HTML と CSS をインラインコードが使えるページにコピーし、必要に応じて日時と文言を変更してください。