윈도우/IT/웹

자바스크립트 광고판 - 지정한 시간에만 특정내용 실행하기

Kay~ 2010. 3. 3. 09:38
반응형

자바스크립트 광고판- 지정한 시간에만 특정내용 실행하기

오늘은 자바스크립트 관련내용을 올려봅니다.
이 간단한 프로그램이 많이 필요할거라는 생각은 하지 않지만
제가 필요했던 만큼 혹시 필요로 하시는 분들이 있을지 몰라서 올려봅니다.

웹서비스(카페, 홈페이지, 블로그등)를 이용하다 보면 특정시간(저녁시간, 출장갈때, 여행갈때 등)에만
어떤 내용을 보여주거나 실행해야 할 때가 있습니다.

지금 소개하는 내용이 그럴때 사용할 수 있는 스크립트입니다.

저녁시간에 간판에 불이 들어오는 것과 같은 기능이라고 보시면 됩니다.

일예로 저희 회사 홈페이지에서는 근무시간에는 원격지원이 표시되고,
직원들이 모두 퇴근을 하는 오후 6시부터 아침 9시까지 1:1상담 버튼이 자동으로 나타나게 하는 용도로
사용되고 있습니다.

그리복잡하지 않고 매우 간단하므로 필요한 경우 누구나 쉽게 이용할 수 있습니다.

// 네온사인 프로그램

<SCRIPT language=javascript>

today = new Date();
c_hour = today.getHours();
c_min = today.getMinutes();
c_sec = today.getSeconds();

if (c_hour >8 && c_hour <21 )
{
   document.write('내용1');
 }
else
{
   document.write('내용2');
}

</SCRIPT>

설명.

위 스크립트는 저녁 21시부터 오전 08시까지는 "내용2"를 표시하고 그 외의 시간에는 내용1을 표시하는 
기능을 합니다.

if (c_hour >8 && c_hour <21 )  

   위 명령이 바로 그것인데요 현재 시간이 8시보다 크고 21시보다 크면(낮시간이면) "내용1"을, 
   21시~08시 사이이면 "내용2"를 표시하는 명령입니다.

사용시는
빨간색으로 표시한 시간 부분과 내용1, 내용2 만 수정하여 사용하면 됩니다.


위의 소스를 필요한 곳에 삽입하면 됩니다.

블로그의 경우 skin.html에 삽입을 해도 되고
포스트내에 삽입을 해도 됩니다. 물론 포스트내에 삽입할때는 html 편집모드에서 삽입을 해야 합니다. ^^

일반적으로 낮시간과 저녁시간은 이용자들도 다르고 검색어도 다를 수가 있습니다.
낮시간과 저녁시간에 배너를 서로 다르게 표시한다든가..
내용을 서로 다른 내용으로 표시하는 용도로도 활용할 수 있고....
시간대별로 서로 다른 내용을 표시할때 유용하게 사용될 수 있습니다.

암튼 뭐.. 제가 올리면서도 그리 많이 사용될것 같다는 생각은 들지 않지만... 
저는 포스팅 하나 뚝딱 해치웠습니다. ^^

아래에 소스 첨부합니다.

반응형