编写js 代码,实现根据系统时间显⽰问候语的功能,通过改变div 中的内容,显⽰
不同问候语
要求如下:
6点之前——凌晨好
9点之前——早上好
12点之前——上午好
14点之前——中午好
17点之前——下午好
19点之前——傍晚好
22点之前——晚上好
22点之后包括22点——夜⾥好<!DOCTYPE html><html lang ="en "><head >    <meta charset ="UTF-8"
>    <meta name ="viewport " content ="width=device-width, initial-scale=1.0">    <title >Document </title ></head ><body >    <div ></div >    <script >      // 根据系统不同时间来判断,所以需要⽤到⽇期内置对象      // 利⽤多分⽀语句来设置不同的图⽚      // 1.获取元素      var  div = document .querySelector ('div');      // 2. 得到当前的⼩时数      var  h = new  Date ().getHours ();      // 3. 判断⼩时数改变⽂字信息      if (h < 6){        document .write ('凌晨好')      }else  if  (h < 9){        document .write ("早上好!")      }else  if  (h < 12){        document .write ("上午好!")      }else  if  (h < 14){        document .write ("中午好!")      }else  if  (h < 17){        document .write ("下午好!")      }else  if  (h < 19){        document .write ("傍晚好!")      }else  if  (h < 22){        document .write ("晚上好!")      }else  {        document .write ("夜⾥好!")  }    </script >  </body >  </html >1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
实现特效的代码js23
24
25
26
27
28
29
30
31
32
33
34
35

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。