编写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小时内删除。
发表评论