任務2-5　不同時間段顯示不同的問候語

【任務描述】

在網頁中根據不同時間段（采用24小時制）顯示相應的問候語，具體要求如下。

（1）每天上午8點之前（不包含8點）顯示“早上好！”。

（2）每天上午12點之前（包含8點但不包含12點）顯示“上午好！”。

（3）每天的12點至14點（包含12點但不包含14點）顯示“中午好！”。

（4）每天的14點至17點（包含14點但不包含17點）顯示“下午好！”。（5）每天的17點之后（包含17點）顯示“晚上好！”。

【思路探析】

使用if…else if…else…語句實現所需的功能。

【特效實現】

不同時間段顯示不同問候語的JavaScript代碼如表2-20所示。

表2-20　不同時間段顯示不同問候語的JavaScript代碼

表2-20中的代碼解釋如下。

（1）03行聲明了兩個變量，變量名分別為today、hour。

（2）04行是一條賦值語句，創建一個日期對象，且賦給變量today。

（3）05行是一條賦值語句，調用日期對象的方法getHours()獲取當前日期對象的小時數，且賦給變量hour。

（4）06~10行是一個較為復雜的if…else if…else…語句，該語句的執行規則如下。

首先判斷條件表達式hour<8是否成立，如果該條件表達式的值為true（如早上7點），則程序將執行對應語句“document.write("&nbsp;早上好!");”，即在網頁中顯示“早上好！”的問候語。

如果條件表達式hour<8的值為false（如上午9點），那么判斷第1個else if后面的條件表達式hour<12是否成立，如果該條件表達式的值為true（如上午9點），則程序將執行對應語句“document.write("&nbsp;上午好!");”，即在網頁中顯示“上午好！”的問候語。

以此類推，直到完成最后一個else if條件表達式hour<17的測試，如果所有的if和else if的條件表達式都不成立（如晚上20點），則執行else后面的語句“document.write("&nbsp;晚上好!");”，即在網頁中顯示“晚上好！”的問候語。