步驟構思
1）需要用到日期內置物件，2）獲取系統小時，
3）利用多分支陳述句來判斷，
4）修改元素內容的相應顯示問候語，
<div style="color:deeppink;font-weight: 600;"></div>
<script>
// 1.獲取元素
var div = document.querySelector('div');
// 2. 得到當前的小時數
var nowTime = new Date();
var h = nowTime.getHours();
// 3. 判斷小時數,改變文字資訊
if (h <= 4) {
div.innerHTML = "夜已深，Mydear注意休息哦！"
} else if (h <= 7) {
div.innerHTML = "親愛的EmilyChen，早安呀！"
} else if (h <= 12) {
div.innerHTML = "早起的蟲子有鳥吃，開啟美好的一天叭！"
} else if (h <= 13) {
div.innerHTML = "誒嘿嘿，是時候午休咯！"
} else if (h <= 18) {
div.innerHTML = "親愛的EmilyChen，午安吶！"
} else if (h <= 21) {
div.innerHTML = "親愛的EmilyChen，晚安喲！"
} else {
div.innerHTML = "晚安全世界，晚安EmilyChen！"
}
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/165421.html
標籤：JavaScript
上一篇：var,let,const的區別
下一篇：CSS標簽模式display屬性