js怎样判断现在是早上中午还是晚上

0 453 2021-05-04 20:32:52

本文目录

1. 实现原理
2. 实现方式

一些网站在会员中心开发了问候页，例如问候客户早上好、下午好、晚上好等等。这个功能我们用js通过判断当前时间段即可实现。

js怎样判断现在是早上中午还是晚上

实现原理

通过获取当前时间，并判断当前时间所处的时间段，给用户发送问候语。

实现方式

1、创建js文件并复制如下函数

function hello() {
    today=new Date();
    var day; var date; var hello;
    hour=new Date().getHours()
    if(hour < 6)hello='凌晨好，'
    else if(hour < 9)hello='早上好，新的一天元气满满，'
    else if(hour < 12)hello='上午好，鼓足干劲加油干'
    else if(hour < 14)hello='中午好，要好好吃饭哦，'
    else if(hour < 17)hello='下午好，抓紧时间工作吧，'
    else if(hour < 19)hello='傍晚好，晚餐吃得怎么样呢，'
    else if(hour < 22)hello='晚上好，要注意劳逸结合哦，'
    else {hello='夜深了，要注意早点休息，'}
    var webUrl = webUrl;
    document.write(' '+hello);
}

2、引用js
<script type="text/javascript" src="/hello.js"></script>
这里的hello.js就是上一环节创建的js文件，可自定义为其他名字，但注意要调用正确。

3、调用函数
<script>hello()</script>

这样，我们就通过js实现了当前时间点的判断，并对用户进行了一个简单的问候。

本文地址：https://xzo.com.cn/develop/js/897.html

有帮助，很赞！

信息来源：下载鸥

业务合作

如果您认可我们的分享，有意与我们合作开展帝国cms网站建设与开发业务或插件定制，请联系右侧在线客服。我们能给您的，就是高质量的模板与售后。

版权声明

标注了信息来源为下载鸥的文章皆为原创，如果是转载的优质文章，我们也都标注了出处。如果您喜欢我们的文章，请按照下载鸥所标注的文章出处进行标注，谢谢您的配合。

信息标签

时间

JS判断

导出教程下载word版教程

关于JS/JQuery

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

JavaScript十分强大，不管是前端页面开发、视觉动态渲染、数据交互还是后端逻辑处理，都可以通过JS实现。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中。

js判断windows操作系统还是mac os系统

js网站视频播放器ckplayer和dplayer优缺点分析

禁止指定城市/省份IP访问JS代码

推荐JS/JQuery开发教程

JavaScript过滤XSS攻击方法 什么是XSS？XSS（Cross Site Scripting），跨站脚本攻击，是一种允许攻击者在另外一个...: 1 270

jQuery怎样监听鼠标滚动是向上还是向下的状态？ 知乎鼠标向下滚动显示文章标题，向上滚动显示栏目；又或者向下滚动到底部时异步...: 0 446

怎样点击清除ul里的全部li信息？ 在通过jQuery做数据交互时我们可能存在这样的需求：通过点击按钮清空ul里的li...: 1 388

Superslide响应式页面直接应用手机端技巧介绍 如果是响应式网站，那么用superslide做轮播图需要做两个，这无疑是非常不方便的...: 1 353

JS获取当前时间、日期、星期并每秒更新一次 很多网站上会有当前年月日、星期、时间的展示。这个展示用php做未免浪费性...: 0 301

swiper轮播图空白案例记录 今天鸥哥在用swiper做轮播图时，轮播效果虽然没问题，但只显示第一张，后面的图片...: 0 286

jQuery监听点击事件弹出关注二维码教程 通过jQuery实现点击关注按钮弹出二维码是一个比较常用的功能，今天鸥哥讲讲这...: 0 367

js网站视频播放器ckplayer和dplayer优缺点分析 dplayer和ckplayer都是非常流行的web视频播放器，二者都占有相当大的用户市场...: 0 1318

随机JS/JQuery开发教程

$(window).height() 和 $(document).height()有什么不同？ 我们常用$(window).height() 和 $(document).height()来监听当前高度，但这个...: 1 279

JS获取当前时间、日期、星期并每秒更新一次 很多网站上会有当前年月日、星期、时间的展示。这个展示用php做未免浪费性...: 0 301

js解除页面无法复制的问题 很多网站不允许复制页面信息，这在日常浏览页面的过程中带来了诸多不便。我们...: 0 277

Superslide响应式页面直接应用手机端技巧介绍 如果是响应式网站，那么用superslide做轮播图需要做两个，这无疑是非常不方便的...: 1 353

怎样点击清除ul里的全部li信息？ 在通过jQuery做数据交互时我们可能存在这样的需求：通过点击按钮清空ul里的li...: 1 388

jquery怎样获取textarea用户输入的行数？ jQuery是一个相当好用的js插件，通过jquery我们可以实现很多功能，例如今天要介...: 0 443

jQuery怎样监听鼠标滚动是向上还是向下的状态？ 知乎鼠标向下滚动显示文章标题，向上滚动显示栏目；又或者向下滚动到底部时异步...: 0 446

JS验证手机是否11位的做法 在网站表单提交前，我们往往需要验证一下信息避免错误数据，那么，怎样验证手机号...: 1 322