時間によって壁紙を変える

表示例

※このページの壁紙は、時間によって変わります。

記述例

以下をできるだけ最初の方に記述して下さい(できればHEADタグの中)

<SCRIPT LANGUAGE="JavaScript">
<!--
function timeWall() {
    if (navigator.appVersion > '5' || (navigator.appName == 'Microsoft Internet Explorer' && navigator.appVersion > '4')) {
        day = new Date();
        hour = day.getHours();
        if (hour <= 3) { document.body.background = 'kabegami/wall01.gif' }
        else
        if (hour <= 5) { document.body.background = 'kabegami/wall02.gif' }
        else
        if (hour <= 10) { document.body.background = 'kabegami/wall03.gif' }
        else
        if (hour <= 14) { document.body.background = 'kabegami/wall04.gif' }
        else
        if (hour <= 17) { document.body.background = 'kabegami/wall05.gif' }
        else
        if (hour <= 21) { document.body.background = 'kabegami/wall06.gif' }
        else
        if (hour <= 23) { document.body.background = 'kabegami/wall07.gif' }
    }
}
//-->
</SCRIPT>
<STYLE TYPE="text/javascript">
<!--
day = new Date();
hour = day.getHours();
if (hour <= 3) { tags.BODY.backgroundImage = 'kabegami/wall01.gif' }
else
if (hour <= 5) { tags.BODY.backgroundImage = 'kabegami/wall02.gif' }
else
if (hour <= 10) { tags.BODY.backgroundImage = 'kabegami/wall03.gif' }
else
if (hour <= 14) { tags.BODY.backgroundImage = 'kabegami/wall04.gif' }
else
if (hour <= 17) { tags.BODY.backgroundImage = 'kabegami/wall05.gif' }
else
if (hour <= 21) { tags.BODY.backgroundImage = 'kabegami/wall06.gif' }
else
if (hour <= 23) { tags.BODY.backgroundImage = 'kabegami/wall07.gif' }
//-->
</STYLE>
以下のようにBODYタグにonLoad属性を付けて下さい
<BODY BGCOLOR="#FFFFFF" BACKGROUND="kabegami/wall01.gif" TEXT="#000000" onLoad="timeWall()">
備考

「kabegami/wall01.gif」のような箇所は、時間ごとに表示させる壁紙の画像ファイルを指定します。
時間の指定の仕方はだいたい見当がつくと思いますが、「時間によってメッセージを変える」と同じです。


←メニューへ戻る