Javascript(jquery)のカウントダウンタイマー

Javascript(jquery)のカウントダウンタイマーです。タイマーは、1頁内で複数設置が可能です。終了時のコメントも、タイマーごとに設定できます。現在時刻は、サーバーの時間かローカル(ユーザー)の時間のどちらでも設定できます。
 サンプルは下記になります。良かったらダウンロードしてください。

カウントダウンタイマーのサンプル

仕組みと注意

class=”TimerEndText” value=”” は終了時に表示されるコメント
class=”TimeView” value=”” は表示時間の場所
class=”TimerEnd” value=”” は終了時間です。記入形式は、「内に4桁年/月/日 24時間表記の時間:分:秒」で記入してください。
id=”TimerStart” value=”” は現在時間です。記入形式は上記と同じです。データがない場合は、ユーザーのパソコンの時間になります。
記入例 2012/10/21 18:06:49
複数セットする場合は、input type=”hidden”のclass「TimerEnd」「TimerEndText」「TimeView」を表示したい数だけ記載してください。

表示表示は、下記のようになります。
残り時間が1日以上ある場合は、「日時」を表示
残り時間が1日未満、1時間以上の場合は、「時分」を表示
残り時間が1時間未満、1分以上の場合は、「分秒」を表示
残り時間が1分未満の場合は、「秒」を表示

ソースコードは、以下のようになっています。もし良かったらダウンロードしてください。
tar形式でダウンロード
zip形式でダウンロード

(参考サイト)
CodeNote.net Web開発・技術情報を配信

Be the first to comment on "Javascript(jquery)のカウントダウンタイマー"

Leave a comment