시간대에 따른 스킨 적용

제 기억에는 2월말에 눈도 많이 오고 3월초까진 추웠던 것 같은데 어찌된건지 벌써 따뜻한 봄인 것 같습니다. 어쨋든 그래서 스킨을 새롭게 꾸며봤습니다. toice's blog에서 눈 내리는 겨울 밤이라고 블로그명을 고쳤기 때문에 기존의 스킨도 유지하고자 시간대에 맞게 변하는 스크립트를 써서 스타일시트만 새로 하나 만들었습니다.

오전 6시부터 오후 7시59분까지는 위에 봄여름 스타일, 오후 8시부터 오전 5시59분까지는 기존의 겨울 밤 스타일로 했습니다. skin.html은 고치지 않고 style.css만 고쳐서 변화를 주려니 꽤 신경 쓸게 많더군요. 아직도 수정해야할 부분이 몇가지 있지만 일단 쓰면서 조금씩 고칠 생각입니다.

아래는 시간대에 따라 다르게 하는 스크립트입니다. 스타일시트를 여러개 만들어서 1시간마다 다른 스타일로 해줄수도 있고 스타일시트에만 국한되지 않고 여러가지로 응용하면 다양한 모습의 블로그 연출이 가능합니다.

<script>
var Digital=new Date()
var hours=Digital.getHours()

if (hours>=6&&hours<=19) // 낮에 보여줄 메세지
document.write('<link rel="stylesheet" media="screen" type="text/css" href="./images/style_spring.css" />')

else // 기타 시간대에 보여줄 메세지
document.write('<link rel="stylesheet" media="screen" type="text/css" href="./style.css" />')

</script>