時間によって背景画像が変わる
![]() |
0時 | 6時 | 12時 | 18時 | |||
![]() |
1時 | ![]() |
7時 | 13時 | ![]() |
19時 | |
![]() |
2時 | 8時 | 14時 | ![]() |
20時 | ||
![]() |
3時 | 9時 | 15時 | ![]() |
21時 | ||
| 4時 | 10時 | 16時 | ![]() |
22時 | |||
| 5時 | 11時 | 17時 | ![]() |
23時 |
下記の赤字のタグを<BODY>から</BODY>に記述してみて下さい
*背景画像に使用するファイルは「image」というフォルダに入れて下さい
<script>
wall = new Array();
/* それぞれの時刻毎に背景にする画像を記述 */
wall[0] = "image/0.gif"; // 0時台の背景画像
wall[1] = "image/1.gif"; // 1時台の背景画像
wall[2] = "image/2.gif"; // 2時台の背景画像
wall[3] = "image/3.gif"; // 3時台の背景画像
wall[4] = "image/4.gif"; // 4時台の背景画像
wall[5] = "image/5.gif"; // 5時台の背景画像
wall[6] = "image/6.gif"; // 6時台の背景画像
wall[7] = "image/7.gif"; // 7時台の背景画像
wall[8] = "image/8.gif"; // 8時台の背景画像
wall[9] = "image/9.gif"; // 9時台の背景画像
wall[10] = "image/10.gif"; // 10時台の背景画像
wall[11] = "image/11.gif"; // 11時台の背景画像
wall[12] = "image/12.gif"; // 12時台の背景画像
wall[13] = "image/13.gif"; // 13時台の背景画像
wall[14] = "image/14.gif"; // 14時台の背景画像
wall[15] = "image/15.gif"; // 15時台の背景画像
wall[16] = "image/16.gif"; // 16時台の背景画像
wall[17] = "image/17.gif"; // 17時台の背景画像
wall[18] = "image/18.gif"; // 18時台の背景画像
wall[19] = "image/19.gif"; // 19時台の背景画像
wall[20] = "image/20.gif"; // 20時台の背景画像
wall[21] = "image/21.gif"; // 21時台の背景画像
wall[22] = "image/22.gif"; // 22時台の背景画像
wall[23] = "image/23.gif"; // 23時台の背景画像
tm = new Date();
tm = tm.getHours();
document.write('<style type="text/css">body { background-image:url(' , wall[tm] , '); }</style>');
</script>