利用JavaScript实现不同时间 显示不同问候语
2023-11-21 06:37:48
JavaScript
window.onload =function(){function nowtime(){var date = new Date();var year = date.getFullYear();var month = date.getMonth()+1;//月份需加1var day = date.getDate();// var week = date.getDay(); //如需使用if语句 请删除注释// var h = 0; 定义小时为XX，检测是否能正常运行。var h = date.getHours();var m = date.getMinutes();var s = date.getSeconds();var week;switch (date.getDay()) {case 0:week = "星期天";break;case 1:week = "星期一";break;case 2:week = "星期二";break;case 3:week = "星期三";break;case 4:week = "星期四";break;case 5:week = "星期五";break;case 6:week = "星期六";}// if(week === 0) week = "星期日";// if(week === 1) week = "星期一";// if(week === 2) week = "星期二";// if(week === 3) week = "星期三";// if(week === 4) week = "星期四";// if(week === 5) week = "星期五";// if(week === 6) week = "星期六"; //如需使用if语句 请删除注释if(month <= 9) month = "0" + month;if(day <= 9) day = "0" + day;if(h <= 9) h = "0" + h;if(m <= 9) m = "0" + m;if(s <= 9) s = "0" + s; //小于等于9时补0document.getElementById('nowtime').innerHTML ="当前时间<br>" + year + "年" + month + "月" + day + "日 " + week + "<br>" + h + "点" + m + "分" + s + "秒";setTimeout(nowtime, 1000);switch(true){case h ==00 || h >=23 && h<= 24:document.title = "午夜啦，早点休息喔";document.getElementById('wenhou').innerHTML = "思念不因劳累而改变，问候不因疲惫而变懒，祝福不因休息而变缓，关怀随星星眨眼，牵挂在深夜依然，轻轻道声：祝你晚安！"break;case h >= 01 && h <= 04:document.title = "凌晨啦，注意身体喔";document.getElementById('wenhou').innerHTML = "时间不早啦，记得早点休息，保证睡眠质量！"break;case h >= 05 && h <= 06:document.title = "清晨啦，准备迎接新的一天吧";document.getElementById('wenhou').innerHTML = "睁开眼，缓一缓；快起床，伸懒腰；笑一笑，美好的一天又开始了。早安，祝你今天好心情，工作顺利，生活甜美！"break;case h >= 07 && h <= 08:document.title = "早上好，记得吃早餐喔";document.getElementById('wenhou').innerHTML = "一日之计在于晨,愿我这阳光初露时的小小问候能将快乐带给你,愿你用快乐开启,用微笑结束这美好的一天."break;case h >= 09 && h <= 10:document.title = "上午好，时刻保持好心情呀";document.getElementById('wenhou').innerHTML = "上午好，一束阳光照在身，祝你天天都开心，财神家中去，梦想变成真，今天中大奖，明天去上任。"break;case h >= 11 && h <= 12:document.title = "中午好，午餐时间到啦";document.getElementById('wenhou').innerHTML = "中午好，到了吃午餐的时间了，吃完午餐记得午睡一小会，保证下午可以有良好的精神状态。"break;case h >= 13 && h <= 16:document.title = "下午好，别太辛苦了";document.getElementById('wenhou').innerHTML = "送各位一杯下午茶：以祝福为叶，叮咛做花，热情为水，包容当杯，喝出你一天好心情和一生的幸福，下午愉快！"break;case h >= 17 && h <= 18:document.title = "傍晚啦，看看窗外的风景吧";document.getElementById('wenhou').innerHTML = "工作是做不完的，身体可是累得垮的！看看外面的天空吧！"break;case h >= 19 && h <= 22:document.title = "晚上好，准备好进入梦乡啦";document.getElementById('wenhou').innerHTML = "睡前请把窗户打开，让“幸福”进来，睡前请把“心情”打开，让“快乐”入驻,睡前请把“思想”放飞，让甜蜜入梦！今晚祝你好梦成真，幸福一生！晚安！"break;}// if(h ==00 || h >=23 && h <= 24){// document.title = "午夜啦，早点休息喔";// }if(h >= 01 && h <= 04){// document.title = "凌晨啦，注意身体喔";// }if(h >= 05 && h <= 06){// document.title = "清晨啦，准备迎接新的一天吧";// }if(h >= 07 && h <= 08){// document.title = "早上好，记得吃早餐喔";// }if(h >= 09 && h <= 10){// document.title = "上午好，时刻保持好心情呀";// }if(h >= 11 && h <= 12){// document.title = "中午好，午餐时间到啦";// }if(h >= 13 && h <= 16){// document.title = "下午好，别太辛苦了";// }if(h >= 17 && h <= 18){// document.title = "傍晚啦，看看窗外的风景吧";// }if(h >= 19 && h <= 22){// document.title = "晚上好，准备好进入梦乡啦";// }// console.log(h); //输出数据}nowtime();
}
利用JavaScript实现不同时间 显示不同问候语相关推荐
- js实现实时问候，不同时间显示不同问候语
<!DOCTYPE html > <html><head><meta http-equiv="Content-Type" content= ...
- 本节作业之显示不同问候语、显示密码、关闭二维码、循环精灵图背景、显示隐藏文本框内容、密码框格式提示错误、京东关闭广告、新浪下拉菜单、开关灯、换肤、表格隔行变色、表单取消全选、tab栏切换、发布删除留言
本节作业之显示不同问候语.显示密码.关闭二维码.循环精灵图背景.显示隐藏文本框内容.密码框格式提示错误.京东关闭广告.新浪下拉菜单.开关灯.换肤.表格隔行变色.表单取消全选.tab栏切换.发布删除留言 ...
- 【JavaScript】案例：分时显示不同图片，显示不同问候语
题目: 根据不同时间,页面显示不同图片,同时显示不同的问候语 1.如果是上午时间打开页面显示上午好,显示上午的图片 2.如果是上午时间打开页面显示上午好,显示上午的图片 3.如果是上午时间打开页面显示 ...
- 根据不同时间，页面显示不同图片，同时显示不同问候语
要求: 如果过上午时间打开页面,显示上午好,同时显示上午的图片 如果过中午时间打开页面,显示中午好,同时显示中午的图片 如果过晚上时间打开页面,显示晚上好,同时显示晚上的图片 思路分析: 根据系统不同 ...
- JavaScript小案例——分时显示不同图片，显示不同问候语
要求: 1.根据不同时间,页面显示不同的问候语. 2.如果上午时间打开画面,显示上午好,显示上午的照片.中午,晚上同理. 分析: 1.根据不同系统不同时间来判断,所有需要用到日期内置对象. 2.利用多 ...
- 根据不同时间，显示不同图片，显示不同问候语
用Javascript实现分时间问候并显示不同图片 正在学习大前端中,有代码和思路不规范不正确的地方往多多包涵,感谢指教 实现功能打开一个页面,根据用户目前的时间来判断,并表示问候 例如:9点,早上好 ...
- 编写js代码，实现根据系统时间显示问候语的功能，通过改变div中的内容，显示不同问候语
要求如下: 6点之前--凌晨好 9点之前--早上好 12点之前--上午好 14点之前--中午好 17点之前--下午好 19点之前--傍晚好 22点之前--晚上好 22点之后包括22点--夜里好 < ...
- 分时显示不同图片，显示不同问候语
如果上午时间打开页面,显示上午好,显示上午的图片. 如果下午时间打开页面,显示下午好,显示下午的图片. 如果晚上时间打开页面,显示晚上好,显示晚上的图片. <!DOCTYPE html> ...
- ThinkPHP根据时间显示不同的问候语
QQ邮箱大家都用过吧,我们每次打开QQ邮箱主页的时候,都会显示一个问候语:上午好,XXX,像这样: 经常用的网友可能会发现,这个问候语在不同的时间段会显示不问的问候语,比如我在上午打开邮箱,它就会显示 ...
最新文章
- 员工培训：如何制定以数据为依据的业务决策
- idea运行两个tomcat_IDE里的Tomcat是如何工作的
- mysql+实例夯住的监控_Nagios 里面监控MySQL 监控事务夯住（RUNNING）报警通知
- 概率论与数理统计中的算子半群 第一讲 Banach-Steinhaus定理1 Baire‘s Category与Banach-Steinhaus定理的证明
- jquery正则表达式验证：手机号码
- Echarts后台option对象
- 小程序禁止左右拖动_网课视频快进小技巧
- 帮助罕见病患者买得到药 京东健康上线“罕见病关爱中心”
- 宁德时代811电芯初现真容 搭配宝马X1混动汽车能量密度提升近6成
- python语法（一）——判断字符串是否包含某子字符串
- XPS文件可以直接打印吗？如何转成Word后修改呢
- Open Distro 初探
- 数据库是根和数据仓库是魂
- Java制作PDF转图片小工具
- Javascript 产生随机数——服从均匀分布随机数、服从正态分布（高斯分布）随机数、服从柯西分布随机数
- 学习Python会用到的8个软件，你用的哪些
- 【C语言学习】C语言初探
- python中的海归制图(turtle)绘制文字
- Python究竟是个啥？为什么985的学生都在学它？早就该曝光了
- SQL两表关联查询（两表会了，三表，四表都小意思）