본문 바로가기

카테고리 없음

[자바스크립트] [IE] 시간대별로 배경색 다르게 출력하기

① <head>와 </head>부분에 넣어줍니다.
*****************************************
<script>
<!--
        var now = new Date();
        var hours = now.getHours();
        var psj=0;
                
                 //05-06
        if (hours > 4 && hours < 7){
                document.write('<body bgcolor="steelblue" text="#FFFFFF">')
        }
                
                 //07-08
        if (hours > 6 && hours < 9){
                document.write('<body bgcolor="skyblue" text="#FFFFFF">')
        }
                
                
        //09-17
        if (hours > 8 && hours < 18){
                document.write('<body bgcolor="deepskyblue" text="#FFFFFF">')
        }
                        
                //18-19
        if (hours > 17 && hours < 20){
                document.write('<body bgcolor="orange" text="#FFFFFF">')
        }

        //20-21
        if (hours > 19 && hours < 22){
                document.write('<body bgcolor="orangered" text="#FFFFFF">')
        }

        //22-04
        if (hours > 21 || hours < 5){
                document.write('<body bgcolor="black" text="#FFFFFF">')
        }

//-->
</script>


[설명]

자신의 PC의 시간을 바꾸면 시간대별로 다른 배경색이 나타납니다.
1) 05 ~ 06시 - steelblue
2) 07 ~ 08시 - skyblue
3) 09 ~ 17시 - deepskyblue
4) 18 ~ 19시 - orange
5) 20 ~ 21시 - orangered
6) 22 ~ 04시 - black