일주일은 7일이다. 방문자가 방문할때 마다 오늘의 요일을 계산해서 7가지의 배경색을 준비하였다가 오늘 요일에
지정된 배경색을 bgcolor 쪽에 돌려준다. 한달내내 바뀌게 하려면 31개의 배경색을 지정하면 되겠다. 배경그림도
가능하다. 멋진 응용이 기대된다.
| HTML Example |
<html>
<head>
<script language="JavaScript">
function change() {
var time
= new Date()
var
day = time.getDay()
if
(0 == day%7) {
document.bgColor="#FF0000";
}
else if (1 == day%7) {
document.bgColor="#FF9999";
}
else if (2 == day%7) {
document.bgColor="#FFFF00";
}
else if (3 == day%7) {
document.bgColor="#000099";
}
else if (4 == day%7) {
document.bgColor="##0000FF";
}
else if (5 == day%7) {
document.bgColor="#663399";
} else
{
document.bgColor="#663366";
}
}
</script>
</head>
<
body bgcolor="#ffffff" onLoad="change()">
</body>
<html>
|
|
| 분석 |
문서가 로딩될때 change()함수가 호출 되며 시간
개념을 다루는 것은 Date()로 얻어 낼 수 있다. 일단 time 에 현재 시간을 변수를
생성하고, day 에는 time.getDay()에서 날짜 변수를 저장한다.
day 라는 변수를 7로 나누어 떨어지는 숫자로 날짜를 파악하여 각각에 대해 배경색을
지정하는 방법을 사용한다. |
|
|
|
