スポンサーサイト

スポンサードリンク

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
タグ/

[js]キャンペーンや締め切り日を100分の1秒までカウントするタイマーを作りました

スポンサードリンク

[js]キャンペーンや締め切り時をカウントするタイマーを作りました

いつも使わせてもらってるカウントダウンタイマーが先日サイトごと2日間くらいごっそり落ちていたので、その間の代替用として書いたものをシェアしますね。そのままご利用頂いて結構です。適当に使って下さい。

カウントダウンタイマー

こんなタイマーです。年月日と時間、分だけでなく、100分の1秒まで計ることができる、焦らし効果抜群のタイマーになっています。デザインはcssから自分で変更して下さい。

カウントが終了すると、次のように表示されます(文言は変更できます)。

カウントダウン終了時

head内に追加

HTMLのhead内に以下を記述します。「キャンペーン終了まであと」などの文言を編集できます。

表示したいところに追加

タイマーを表示させたいところに下記を追加して下さい。「設定項目」から期限日や期限終了後のメッセージを記述できます。また、同ページに複数のタイマーを設置する場合は、「sampleA」となっているidのところを、「sampleB」「sampleC」として、id名が被らないようにしてください。

タイマーの装飾(CSS)

CSSでタイマーの装飾を行います。参考までにCSSを書きました。お好きに変更してください。

関連記事
コメント一覧

凄すぎる! たけ

使いやすいうえに、無料で公開なんて素敵すぎます!
メルマガでもありましたが、ぜひ機能追加版をお願いしたいです!!!!!!!!!

2012/04/15 Sun 00:01 | URL

使わせてもらいます おおち

次回作に期待します。

2012/04/15 Sun 04:13 | URL

有難う御座います hide

使わせて頂きます!
探し始めて速効ここに辿り付き
更にキャンペーン終了まであるとは
かなり使えます!!有難う御座います

2013/02/08 Fri 20:11 | URL

承認待ちコメント

このコメントは管理者の承認待ちです

2013/10/05 Sat 16:17 | URL

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2016/08/23 Tue 22:51 | URL

コメントする


管理者にだけ表示を許可する

トラックバック


この記事にトラックバックする(FC2ブログユーザー)

スポンサードリンク

最新記事

月別アーカイブ

カテゴリ

タグクラウド

Twitter Photoshop CSS3 CSS 音声/動画 まとめ アフィリエイト JavaScript アイコン FC2 写真 Google Facebook HTML5 Gmail アクセスアップ WordPress PSD チュートリアル ロゴ はてな テクスチャ showcase セキュリティ 写真素材 Youtube jQuery HTML 美女 背景 ネタ マンガ 

あわせて読む

あわせて読みたい

美しいニュースサイトWordPressテーマ

WordPressテーマ「Gorgeous (TCD013)」

検索ボックス

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。