일주일은 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로 나누어 떨어지는 숫자로 날짜를 파악하여 각각에 대해 배경색을 지정하는 방법을 사용한다.