神奈川県伊勢原市在住のkusuのサイトです!ホームページ制作のご依頼等承っております!

【JavaScript】簡単!サイトにカウントダウンタイマーを設置する方法

2015.11.30
JavaScript

 キャンペーンサイトなどで「終了まで○○日○○時間○○分」といった表示を見たことあると思います。これはカウントダウンタイマーと呼ばれるもので、JavaScriptやjQueryで設置できるものなのですが、これがなかなか慣れない人だと記述が難しかったりでうまく表示できない場合があります。

 そんな中ネットでググってたら、サイト上で設定をするだけで自分の求めるカウントダウンタイマーを設置できるサイトを見つけました!!!
それは『カウントダウンタイマー・カウントアップ』というサイトになります!こちらのサイトで、カウントダウンタイマーを設置したいサイトで表示させたい形に設定して、その後出力されたコードを貼り付けるだけでカウントダウンタイマーを表示させることができます(^-^*)
 また、上のサイトでは設定日を越えた時に表示させる文言も設定できるというのが見どころではないかな?と個人的には思ってます。

 ちなみにカウントダウンタイマーをサイトの上部・中部・下部にと複数表示させたい場合は、上のサイトで出力されたコードを該当箇所にそれぞれ貼り付けると表示できるようにもなります!

まとめ

 このサイトを見つけた時はとても感動しました!自分も最近LP(ランディングページ)を作成することがあって、よく「終了まで○○日○○時間○○分」といった表示をさせる必要があるので今回紹介したサイトを活用していきたいと思いますo(^-^)o!

スポンサーリンク
検 索