js实现实时问候，不同时间显示不同问候语

<!DOCTYPE html >
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>javascript实例</title></head>
<body>
<h3>javascript实例之实现实时问候</h3>
<div id="hid" style="height:30px;width:300px;background:#f60;font-size:19px;text-align:center;line-height:30px" >
</div>
<script type="text/javascript">//创建一个日期对象var dd= new Date();var st =document.getElementById("hid");var hour =dd.getHours();//获取当前时//alert(hour);if(hour>0 && hour<=6){st.innerHTML="还没休息啊，夜猫子，该休息了";}else if(hour>6 && hour<=9){st.innerHTML="上午好";}else if(hour>9 && hour<=12){st.innerHTML="早上好";}else if(hour>12 && hour<=15){st.innerHTML="中午好";}else if(hour>15 && hour<=18){st.innerHTML="下午好";}else if(hour>18 && hour<=21){st.innerHTML="傍晚好";}else if(hour>21 && hour<=24){st.innerHTML="晚上好";}</script>
</body>
</html>

转载于:https://blog.51cto.com/2262805/1394715

js实现实时问候，不同时间显示不同问候语相关推荐

用JS做一个简易的时间显示动态效果
用JS做一个简易的时间显示动态效果运行效果代码 <!DOCTYPE html> <html lang="en"><head><meta ...
Moment.js插件学习:制作一个时间显示小案例
插件地址:http://momentjs.cn/ Moment.js是一个原生JavaScript 日期处理类库,使用起来也非常简单.但是注意它所得到的结果都是一个字符串,并且可以改变时间显示的格式. ...
利用JavaScript实现不同时间显示不同问候语
JavaScript window.onload =function(){function nowtime(){var date = new Date();var year = date.getFul ...
ThinkPHP根据时间显示不同的问候语
QQ邮箱大家都用过吧,我们每次打开QQ邮箱主页的时候,都会显示一个问候语:上午好,XXX,像这样: 经常用的网友可能会发现,这个问候语在不同的时间段会显示不问的问候语,比如我在上午打开邮箱,它就会显示 ...
本节作业之显示不同问候语、显示密码、关闭二维码、循环精灵图背景、显示隐藏文本框内容、密码框格式提示错误、京东关闭广告、新浪下拉菜单、开关灯、换肤、表格隔行变色、表单取消全选、tab栏切换、发布删除留言
本节作业之显示不同问候语.显示密码.关闭二维码.循环精灵图背景.显示隐藏文本框内容.密码框格式提示错误.京东关闭广告.新浪下拉菜单.开关灯.换肤.表格隔行变色.表单取消全选.tab栏切换.发布删除留言 ...
js获取当前时间显示在页面上
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
css3获取当前时间并显示,实时获取当前时间并展示在页面上
简介实时获取当前时间并展示在页面上,是很多地方常用的:在页面中做此展示以便查看时间.本文使用js通过一个小的demo实现效果. 完整Code 实时展示当前时间 #time { width: 60%; ...
基于人脸识别的课堂签到管理系统（三）---实时时间显示以及百度AI人脸识别
基于人脸识别的课堂签到管理系统(三)---实时时间显示以及百度AI人脸识别一.前言概述二.实时时间显示三.百度AI人脸识别 3.1 获取access_token 3.2 发送请求,通过网络请求方 ...
c51单片机万年历模拟，12864LCD屏显示实时温度与时间
前言 c51单片机万年历模拟期末作品,用到了温度传感模块及12864液晶显示模块及矩阵键盘模块及复位电路,电源模块,晶振模块,可在12864屏上显示实时温度与时间,本人自己做的期末作品,仅供同学们研究 ...

js实现实时问候，不同时间显示不同问候语

js实现实时问候，不同时间显示不同问候语相关推荐

最新文章

热门文章