分時問候案例

2021-10-17 04:12:09 字數 845 閱讀 5888

分時顯示不同的,顯示不同的問候語:

1.根據系統不同時間來判斷,所以需要用到日期內建物件

2.上午,下午和晚上,所以需要用到多分支語句來設定不同的

3.需要乙個,根據時間來修改,故而需要操作元素src屬性

4.需要乙個div元素,顯示不同的問候語,修改元素內容即可

<

!doctype html>

"en"

>

"utf-8"

>

分時問候<

/title>

img<

/style>

<

/head>

<

!--分時顯示不同的,顯示不同的問候語--

早上好<

/div>

//1.獲取元素

let img=document.

queryselector

("img");

let div=document.

queryselector

("div");

//2.得到當前的小時數

let date=

newdate()

;let h=date.

gethours()

;//3.判斷小時數改變文字和資訊

if(h<12)

else

if(h<18)

else

<

/script>

<

/body>

<

/html>

標題欄顯示分時問候語js

效果圖如下 如下 原理 先定義個時間變數,然後通過判斷時間去顯示標題的內容。如果想讓標題走馬燈效果,使用.substring 函式就行 如下 var position 0 var now new date var hour now.gethours if hour 6 else if hour 9 ...

enjoy 問候相關

1 i enjoy singing much more listening to music.我喜歡唱歌,更別提聽 了。2 i enjoy reading these books very much.書 享有 利益 權利 聲譽等 we enjoy free medical care.我們享受免費醫療...

Greeting Friends 問候朋友

2.greeting friends問候朋友 a good morning,jack.how are you doing?早上好,傑克。你還好嗎?b i m doing great,and you?好得很,你呢?a i m fine,thanks.我也很好,謝謝。how are you doing?...