admin管理员组文章数量:1794759
编写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>版权声明:本文标题:编写js代码,实现根据系统时间显示问候语的功能,通过改变div中的内容,显示不同问候语 内容由林淑君副主任自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.xiehuijuan.com/baike/1686864702a111997.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论