●2016/02/04：即時関数で囲んで、グローバル変数を消しました。
■2025/11/14：クリスマスや誕生日など、「月」「日」は同じで年度だけが代わる「年」については、
年が変わるごとに変更しなくても自動で変更するようにしました。
ブログパーツでよく見る時計のようなものを、自分のお気に入りの画像を使用して作成した JavaScript、第３弾です。
フェードイン・アウトで切り替わるスライドショーに、リアル時計とクリスマス用のカウントダウンメッセージが表示されます。
第１弾は
■合体１１■Sl+Ot■フェードのリアル時計■から。
第２弾は
■合体１５■Sl+Ot■フェードの装飾付きリアル時計■から。
今回の最大の違いは「クリスマス用カウントダウンメッセージ」が入っていること。
そして背景にツリー画像をいれることで、第２弾の「装飾付き」のような派手さを出していることです。
それでもHTMLの記述は、第１弾と同じ１行です。とても簡単です。
今回使用したツリーの背景画像は、壁紙用の背景素材です。
本来はページの上端横一列に並べて使用する壁紙を利用して、背景色を白色指定にして大きさをだし、プレートのように使用しました。
クリスマス用のフリー素材はたくさんの種類があるので、いろいろ工夫できるところが楽しいです。
カウントダウンの仕組みについては、
■基本の背景８背景画像変化とカウントダウン■の説明をどうぞ。
■合体元JavaScriptはこちら→ フェード８■フェードでサイズ違い実寸表示 ＋ その他１４■面白■リアル時計３種 ＋ 基本の背景８背景画像変化とカウントダウン