编写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中的内容，显示不同问候语相关推荐

编写js代码的注意问题
编写js代码的注意问题在一对script的标签中有错误的js代码,那么该错误的代码后面的js代码不会执行如果第一对的script标签中有错误,不会影响后面的script标签中的js代码执行 scr ...
div中的内容水平居中显示
今天总结下几种div中的内容水平居中的几种方法,至于好坏我还不是很清楚,就不阐述,希望有大佬能指示下,小弟不胜感激 1.首先是常规的 margin属性,上下固定,左右自适应 <style> ...
html页面获取时间格式,js实现动态获取系统时间，显示到页面上
获取系统时间 //获取系统时间. var dateTime=new Date(); var hh=dateTime.getHours(); var mm=dateTime.getMinutes(); ...
jseclipse 是eclipse插件，让你编写js代码感觉更爽
一直以来都没有客意的去找一下eclipse下面的javascript开发插件,今天在网上无意发现了一个,回去试了一下,感觉不错.写JS代码根写PHP代码差不多感觉挺爽的. JSEclipse是个Ecl ...
js显示PHP源代码命令,layedit富文本编辑器中如何添加显示源码功能（代码）
本篇文章给大家带来的内容是关于layedit 富文本编辑器中如何添加显示源码功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 由于项目需要用到富文本编辑器,并且要有显示源码 ...
Eclipse执行java代码，获取系统时间少了8个小时，解决办法
今天在Eclipse上做一个压缩一个空文件夹目录的程序,测试的时候,发现java打印出来的系统时间new java.util.Date()比我的电脑时间少了8个小时. 经过网上查找资料,发现原来是时区 ...
jeecg-boot自动生成代码_无代码实现销售系统自动判定并生成订单功能
ERP项目中,业务员创建销售单后,还需要确认产品库存是否充足,如不充足,还需要手动创建生成订单通知车间进行生产,比较麻烦,客户希望系统可以自动进行判断,自动根据现有库存生成生产订单. 目标: 新建销售 ...
使用前端js代码开发了一个图片转ico图标的功能
最近给自己的个人图像处理网站butterpig又新增加了一个在线的图片转ico功能,也是一键生成傻瓜式操作. 那么我们为什么需要favicon.ico图标呢? 首先,favicon即为favorite ...
服务器控件下拉框显示隐藏,演练：在 GridView Web 服务器控件中编辑时显示下拉列表...
演练:在 GridView Web 服务器控件中编辑时显示下拉列表 08/18/2008 本文内容更新:2007 年 11 月 GridView 控件默认显示用于编辑的文本框.可以使用 ASP.NE ...

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

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

最新文章

热门文章