JQuery判断昼夜

jQuery判断昼夜

开发工具与关键技术：Visual Studio 2017 Html JQuery
作者：肖腾鸿
撰写时间：2019-02-08
在这里我要大家分享的是JQuery判断昼夜

这里是效果图:

显示着：晚上好，系统管理员以及日期和时间

这里是html代码

用ul做为父标签,li做为子标签，这样可以让做出来的效果在网页上显示的比较整齐，不会显得太缭乱

就比如上图一排过去，整整齐齐的

这里是jQuery声明变量代码

Var today = newDate(); //这个是声明变量today获取今天的时间日期
Var Hours = today.getHours(): //这个是声明变量Hours获取今天的时间
Var Timetip =$(“#Time”); //这个是声明变量Timetip获取id为“Time”的值

这里是jQuery ifelse判断代码

If (Hours >= 6 && Hours <= 11){ Timeytip.text(“上午好”); }
//判断Hours变量值是否大于6并且小于11时，变量Timetip的text值为上午好。
Else If (Hours == 12){ Timeytip.text(“中午好”); }
//如果不满足上方条件时，判断Hours变量值是否等于12时，变量Timetip的text值为中午好。
Else If (Hours >= 13 && Hours <= 17){ Timeytip.text(“下午好”); }
//如果不满足上方条件时，判断Hours变量值是否大于13并且小于17时，变量Timetip的text值为下午好。
Else If (Hours >= 18 && Hours <= 23){ Timeytip.text(“晚上好”); }
//如果不满足上方条件时，判断Hours变量值是否大于18并且小于23时，变量Timetip的text值为晚上好。
Else { Timeytip.text(“凌晨好”); }
//如果上方所有判断条件都不满足时，则变量Timetip的text值为凌晨好。

Var setIntervalTime(); //声明定时器变量
ClearInterval(setIntervalTime); //重置定时器，以免叠加调用
setIntervalTime = setInterval(Time, 1000); //1秒钟刷新

最后调用封装好的Time()方法，就可以在每次打开时自动使用了。