HOMEに戻る
カウントダウン&イベント表示JavaScript作成ツール(JavaScriptのページ)
閲覧者がWebページをブラウズしたタイミングで、設定日・設定時刻までの日数・時間表示をする機能に加えて、特定期間限定で あいさつ文や画像を表示するJavaScriptをカスタムメード感覚で作れるツール。
クリスマスやお正月など期間限定のあいさつ文や画像などを自動的に切替えます。タグの使用もOKです。壁紙の切り替えには使用できません。
24時間制・半角数字で入力お願いします。
年
月
日
時
分
イベント開始
イベント終了
パターン1:前日まで―あと○○日、前日―あと○○時間、○○分
パターン2:予定日・予定時刻まで、あと○○日○○時間○○分
パターン3:1時間前まで、あと○○時間;59分前からあと○○分
パターン4:予定時刻までアナウンスなし。(予定時刻まで表示しておきたい内容は指定できます)
カウントダウンの文字列の手前(タグもOK)
パターン4の場合のカウントダウン中の表示もここです。不要な場合は削除してください。
★★★まで、
カウントダウンの文字列の後ろ(タグもOK)
まちどおしいですね!
イベント書き込み欄
こんにちわ!
完成したコード
<使い方>
先ず、カウントダウン中とイベント発生時の表示をHTMLで記述してみます。
カウントダウン中に表示するメッセージ(カウントダウンの時間表示の前後に追加できます。 <IMG>タグその他、<SPAN>タグなど自由に記述してお作りください。)を作成しておきます。
例)
今年も、あと <SPAN STYLE="color:blue;font-size:large">
</SPAN>ですね。 <BR>
皆様、良い年をお迎えください。<BR>
来年もこのサイトをどうぞよろしく…<BR>
一定期間中に表示するメッセージも上記と同様、タグも含めてHTMLを作成します。
例)
あけましておめでとうございます。<BR>
<IMG SRC="fig/vege.gif"><BR>
<SPAN STYLE="color:red;font-size:large">
ベジータです。皆さん、一緒に地球を征服しましょう!
</SPAN><BR>
<HR>
次に、上記のフォームに、イベント期間、例えば、
2007年1月1日0時0分 2007年1月7日0時0分
などを入力し、
上記で作成しておいたHTMLを貼り付けて、[作成]ボタンをクリックすると、一番下のテキストボックスにJavaScriptのプログラムが 作成されますので、Webページの挿入したい部分にコピー&ペーストしてください。
アップロードする前に、日付・時刻を色々と代えてチェックすることをお勧めします。3分後くらいに設定しておいて、 一度リロードした後、3分待ってからもう一度リロードして、本当にキチンと表示が切り替わるかどうかを見るなどの方法で チェックしてみてください。
尚、このページはJavaScriptですので、入力されたデータが“とまての実験室”のサーバーに送られることは有りません。
安心してご利用ください。
by とまて