シンクグラフィカ札幌

ティザーページ用カウントダウンJavascript

ティザーページ用カウントダウンスクリプト

ティザーサイトなんてありますよね。よく内容を知らせないでカウントダウンなんかしてるアレ。アレは一応、一時的にトラフィックを集めるための有効な手段なわけですが、そのためのカウントダウンをバナー感覚でやっちゃおうってのがこのスクリプトです。

基本はJavascriptなのですが、メイン部分がCGIでサーバタイムを参照しているから多い日も安心☆ミリ秒の部分はただのGIFアニメーションだからクライアント負荷もかかりません。多い日も安心!

数字画像などの素材もIllustrator形式で同梱されているからカスタマイズ頑張ってみて!

機能

ティザーページ用カウントダウンスクリプトには以下の機能が盛り込まれております。

リアルタイムで切り替わり
ページを開いている時に期日を迎えた場合に、遷移すること無くスムーズにバナーに切り替わるヨ!
スマホにも対応
全部Javascriptだからスマートフォンでも安心だよ!多い日も安心だよ!
サーバタイムで判断
クライアントサイドではなくサーバサイドを基準にしてるからPCの日付を変更されても大丈V(ブイ)!
複数ページから参照されても安心
基本的に複数のページから参照されて、予告バナーみたいな使い方を想定しているから多い日も安心!
設置が簡単
初期設定のままの設置であれば超カンタン!
カスタマイズが超難しい!
ちょっと日和った設計にしちゃったからカスタマイズが俄然難しいヨ!!このハードコアなカスタマイズレベルに君は挑戦できるかな?

デモ

ティザーページ用カウントダウンスクリプトのサンプル
まぁ見てみてください。思う存分見るといい。そして楽しむといい。少し休んでから、また見るといい。

仕様詳細

スクリプト名称 teaser.js
設置レベル レベル1

更新履歴

2012-07-11バージョン2.0を公開。

ダウンロード

ティザーページ用カウントダウンスクリプトのダウンロード