時間に連動して背景や色を変える

日付や時間は使用しているパソコン内部の時計を使っています。

季節に応じて背景色と文字色が変わります。下の見本を使って切り替えることもできます。


色見本
元日 Xmas
変更 変更 変更 変更 変更 変更

背景の画像を変えたい場合は、document.body.backgroundに画像ファイルを指定します。

function change_color(saison) {
  if (saison == "P") {bgg = "spring.gif"; tec = "#993300"}
  if (saison == "S") {bgg = "summer.gif"; tec = "#9999FF"}
  if (saison == "A") {bgg = "autamn.gif"; tec = "#FF6600"}
  if (saison == "W") {bgg = "winter.gif"; tec = "#333333"}
  if (saison == "G") {bgg = "ganjitu.gif"; tec = "#FF3300"}
  if (saison == "X") {bgg = "xmas.gif"; tec = "#006600"}
  document.body.background = bgg;
  document.fgColor = tec;
}

リンクの色を変更する場合は、document.linkColor document.alinkColor document.vlinkColor を使います。


戻る