시간대별로 다른 인사 나타내기
안녕하세요?
오늘부터는 인터넷에 있는 자바스크립트 소스를 가져와서 분석하는 시간을 가지도록 하겠습니다. 첫번째로 http://www.javascript.co.kr에서 가져온 시간대별로 다르게 인삿말을 나타내는 소스입니다. 전체 코드는
<html>
<head><title>시간대별인사다르게</title>
<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>
</head>
</html>
입니다. 우리가 안 배운 것은 하나도 없습니다. 이제까지 잘 따라오셨다면 전부 이해하시리라 믿습니다. 먼저 Date객체를 선언하지요. var Digital=new Date() Digital이라는 날짜객체를 선언하고 그 밑에 hours라는 변수에 Digital.getHours() 즉 시간구하는 객체의 메소드를 이용해서 시간을 구합니다. 여기까지 이해하셨어요? 이 부분만 이해하시면 아무 문제 없을겁니다.
그 다음으로 if else문입니다. &&는 and라는 뜻입니다. 즉 hours가 5보다 크거나 같고 11보다 작거나 같으면 아래 문장을 출력하라는 것입니다. 아래도 다 마찬가지입니다. == 는 같다라는 뜻입니다. 그래서 hours==12 는 hours가 12와 같으면 즉 12이면 아래 문장을 출력하라는 것입니다. 그리고 <b>태그는 bold의 약자로 글자를 굵게 표시하라는 것입니다.
이해안되시는 부분이 있으신가요? 그러면 다시 앞의 부분들을 공부하시면 이해가 되실겁니다.
그럼 다음시간에 또 다른 소스를 가지고 뵙겠습니다.