欢迎光临
我的个人博客网站

用原生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> 

用原生JS写根据时间显示问候语
用原生JS写根据时间显示问候语

 

 

赞(0) 打赏
未经允许不得转载:张拓的天空 » 用原生JS写根据时间显示问候语
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏