用原生JS写根据时间显示问候语
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
用原生JS写根据时间显示问候语
步骤构思
1）需要用到日期内置对象，
2）获取系统小时，
3）利用多分支语句来判断，
4）修改元素内容的相应显示问候语。
<div style="color:deeppink;font-weight: 600;"></div>
<script>
// 1.获取元素
var div = document.querySelector('div');
// 2. 得到当前的小时数
var nowTime = new Date();
var h = nowTime.getHours();
// 3. 判断小时数,改变文字信息
if (h <= 4) {
div.innerHTML = "夜已深，Mydear注意休息哦！"
} else if (h <= 7) {
div.innerHTML = "亲爱的EmilyChen，早安呀！"
} else if (h <= 12) {
div.innerHTML = "早起的虫子有鸟吃，开启美好的一天叭！"
} else if (h <= 13) {
div.innerHTML = "诶嘿嘿，是时候午休咯！"
} else if (h <= 18) {
div.innerHTML = "亲爱的EmilyChen，午安呐！"
} else if (h <= 21) {
div.innerHTML = "亲爱的EmilyChen，晚安哟！"
} else {
div.innerHTML = "晚安全世界，晚安EmilyChen！"
}
</script>。