시간 대 에 따라 사이트 의 CSS 스타일 을 자동 으로 전환 합 니 다.

사이트 에서 몇 개의 CSS 스타일 을 전환 할 수 있 는 것 은 이미 그리 새로운 일이 아니 므 로 모두 가 어떻게 실현 하 는 지 알 고 있다.얼마 전에 재 미 있 는 역 http://www.leemunroe.com/ 을 발 견 했 습 니 다.
 
마찬가지 로 스타일 을 바 꾸 었 지만 그 는 약간의 조정 을 했다.사 이 트 는 당시 시간 에 따라 사이트 스타일 을 자동 으로 조정 합 니 다.저 자 는 역 을 위해 아침, 오후, 밤 세 세트의 피 부 를 만 들 었 는데 주로 각각 배경 을 만 들 었 다.12 시 이전 에는 시스템 이 아침 피 부 를 사용 하고 12 시가 지나 면 사이트 가 오후 스타일 로 자동 으로 바 뀌 고 5 시 이후 에는 밤 스타일 로 바뀐다.
 
주요 기능 실현 은 머리 에 있 는 이 판단 코드 로 이해 하기 쉽다.관심 있 는 친 구 는 한번 해 보 세 요.
 

<link rel="stylesheet" type="text/css"
      href="<%=
      if Time.now.hour < 12
        'morning.css'
      elsif Time.now.hour < 17
        'afternoon.css'
      else
        'night.css'
      end
    %>"></link>