時間に背景色や文字色が変わる
　トップ > JAVAスクリプト > 時間に背景色や文字色が変わる

指定した時間に背景色や文字色が変わるスクリプトです。

>>>サンプル

緑色の部分を変えてお使い下さい。

<HEAD></HEAD>の間に下記のように書きます。

<SCRIPT TYPE="text/javascript">
<!--
function color1(){
document.bgColor = "#009900";
document.fgColor = "#000000";
document.linkColor = "#0000FF";
document.vlinkColor = "#800080";
document.alinkColor = "#FF0000";
}
function color2(){
document.bgColor = "#009999";
document.fgColor = "#000000";
document.linkColor = "#0000FF";
document.vlinkColor = "#800080";
document.alinkColor = "#FF0000";
}
// -->
</SCRIPT>

document.bgColor = "#009900"; の部分で背景色を、
document.fgColor = "#000000"; の部分で基本文字色を、
document.linkColor = "#0000FF"; の部分でリンク文字色を、
document.vlinkColor = "#800080"; の部分で既読リンク文字色を、
document.alinkColor = "#FF0000"; の部分で選択リンク文字色を指定します。

<BODY></BODY>の間に下記のように書きます。

<SCRIPT language="JavaScript">
<!--
nowtime = new Date()
if((nowtime.getHours() >= 0) && (nowtime.getHours() <= 11))
{color1()}
if((nowtime.getHours() >= 12) && (nowtime.getHours() <= 23))
{color2()}
// -->
</SCRIPT>

if((nowtime.getHours() >= 0) && (nowtime.getHours() <= 11))　の部分と、
 if((nowtime.getHours() >= 12) && (nowtime.getHours() <= 23))　の部分の数字のところで色の変わる時間を指定します。