웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[JavaScript] 시간대별로 각각 다른 인삿말을 합니다
2002.02.25 07:45
예제) http://www.jasko.co.kr/java_data/20011001/time_message.html
<HTML>
<HEAD>
<TITLE> Jasko Sample Script </TITLE>
</HEAD>
<BODY>
<p align=center>
<!------ 아래의 방식으로 BODY 부분의 원하는 장소에 붙여 넣으세요 ------------->
<script>
var Digital=new Date()
var hours=Digital.getHours()
// 아래에서 시간대별 메세지를 입력 하세요
if (hours>=5&&hours<=11) // 오전에 보여줄 메세지
document.write('<b>Good morning 좋은 아침 입니다</b>')
else if (hours==12) // 12시에 보여줄 메세지를 입력 하세요
document.write('<b>땡! 12ㅣ 입니다. 어떤 뉴스가 나올까요</b>'+ ')
else if (hours>=13&&hours<=17) // 12시에서 5시까지 보여줄 메세지
document.write('<b>나른한 오후군요. 재밋게 보내세요</b>')
else if (hours>=18&&hours<=20) // 저녁6시부터 8시 사이에 보여줄 메세지
document.write('<b>음, 벌써 저녁시간이네요. 식사는 하셨나요?</b>')
else if (hours>=21&&hours<=23) //밤 9시부터 12시 사이에 보여줄 메세지
document.write('<b>슬슬 잠자리에 들어야 할 시간이군요</b>')
else // 기타 시간대에 보여줄 메세지 (23시부터 새벽4시사이)
document.write('<b>이런! 아직 안주무셨나요? 아님, 벌써 일어나신건가..^^</b>')
</script>
<!-------------------- 여기까지 ---------------------->
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> Jasko Sample Script </TITLE>
</HEAD>
<BODY>
<p align=center>
<!------ 아래의 방식으로 BODY 부분의 원하는 장소에 붙여 넣으세요 ------------->
<script>
var Digital=new Date()
var hours=Digital.getHours()
// 아래에서 시간대별 메세지를 입력 하세요
if (hours>=5&&hours<=11) // 오전에 보여줄 메세지
document.write('<b>Good morning 좋은 아침 입니다</b>')
else if (hours==12) // 12시에 보여줄 메세지를 입력 하세요
document.write('<b>땡! 12ㅣ 입니다. 어떤 뉴스가 나올까요</b>'+ ')
else if (hours>=13&&hours<=17) // 12시에서 5시까지 보여줄 메세지
document.write('<b>나른한 오후군요. 재밋게 보내세요</b>')
else if (hours>=18&&hours<=20) // 저녁6시부터 8시 사이에 보여줄 메세지
document.write('<b>음, 벌써 저녁시간이네요. 식사는 하셨나요?</b>')
else if (hours>=21&&hours<=23) //밤 9시부터 12시 사이에 보여줄 메세지
document.write('<b>슬슬 잠자리에 들어야 할 시간이군요</b>')
else // 기타 시간대에 보여줄 메세지 (23시부터 새벽4시사이)
document.write('<b>이런! 아직 안주무셨나요? 아님, 벌써 일어나신건가..^^</b>')
</script>
<!-------------------- 여기까지 ---------------------->
</BODY>
</HTML>