admin管理员组

文章数量:1794759

编写js代码,实现根据系统时间显示问候语的功能,通过改变div中的内容,显示不同问候语

编写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>

本文标签: 问候语代码功能时间内容