KUSU'S SITE
2015年11月30日

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

  

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

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

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

まとめ

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

スポンサーリンク
スポンサーリンク

コメントを残す




スポンサーリンク

ホームページ制作について

ホームページの制作依頼希望の方
はまず↓をクリック!
ホームページの制作依頼希望の方はまず↓をタップ!
サービスの詳細

WordPress講習会について

WordPress講習会について
気になる方ははまず↓をクリック!
WordPress講習会について気になる方はまず↓をタップ!
サービスの詳細

TWITTER

ページトップに戻る