当前位置:首页 > 学习笔记 > 正文内容

使用javascript技术制作,打开网页后 ,根据当前时间,显示:上午 ,下午,或晚上好,并显示当前系统时间0-12 点上午12点到18下午其他时间是晚上

廖万里3年前 (2022-09-09)学习笔记130369

使用javascript技术制作,打开网页后 ,根据当前时间,显示:上午 ,下午,或晚上好,并显示当前系统时间0-12 点上午12点到18下午其他时间是晚上

打开网页后 ,根据当前时间,显示:上午 ,下午,或晚上好,并显示当前系统时间

0-12 点上午

12点到18下午

其他时间是晚上        精确到秒 每秒都自动刷新

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- 打开网页后 ,根据当前时间,显示:上午 ,下午,或晚上好,并显示当前系统时间 -->
		<script type="text/javascript">
		// 定义一个函数
		function timer(){
			// 获取当前时间
				var time_now=new Date();
				var year=time_now.getYear()+1900;	//年
				var month=time_now.getMonth();	//月份
				var day=time_now.getDate();		//日
				var hour=time_now.getHours();	//小时
				var Min=time_now.getMinutes();	//分钟
				var s=time_now.getSeconds();	//秒
				if(s<10){	//这个是说 秒如果小于10 前面加个0
					s="0"+s;
				}
				var welcome="!欢迎来到惠购商城";
				// 判断时间:0-12点上午 12点到18下午 其他时间是晚上
				if(hour>=0&&hour<12){
					welcome="上午好"+welcome;
				}else if(hour>=12&&hour<=18){
					welcome="下午好"+welcome;
				}else{
					welcome="晚上好"+welcome;
				}
				// 输出
				var print="今天日期:"+year+"年"+month+"月"+day+"日<br>现在时间:"+hour+"点"+Min+"分"+s+"秒<br>"+welcome;
				document.getElementById("time").innerHTML=print;	//将print赋值给它
				
		}
		// 定时器 1000毫秒刷新 1000毫秒=1秒
		setInterval("timer()",1000);
		</script>
	</head>
	<body>
		<!-- 定义一个div id属性 如何定位到它 -->
		<div id="time"></div>
		
	</body>
</html>


本文链接:https://www.kkkliao.cn/?id=11 转载需授权!

分享到:

版权声明:本文由廖万里的博客发布,如需转载请注明出处。


“使用javascript技术制作,打开网页后 ,根据当前时间,显示:上午 ,下午,或晚上好,并显示当前系统时间0-12 点上午12点到18下午其他时间是晚上” 的相关文章

js技术调用高德api实现精准定位

js技术调用高德api实现精准定位

我先说下写这个程序的起因,昨天晚上我的一个朋友在淘宝上卖它玩了两年的光遇号。 号给淘宝商家了就不理人也不给钱了,因为没有订单记录淘宝官方不管。这种回收游戏账号的微信账号的十有九骗。在黑猫上就能查到各种回收账号的诈骗案件。于是我给我朋友写了个ip定位程序,就吓到了淘宝商家。马上就去联系我朋友...

h5网页版字母消除游戏制作,html+jquery

h5网页版字母消除游戏制作,html+jquery

开始游戏后会随机出现26个英文字母,玩家需要在键盘上按下显示的字母即可消失一个字母并加20分。效果图:完整代码(需要自己导入jquery.js文件):<!DOCTYPE html> <html> <head>    &...

MySql数据库增删改查常用语句命令

    最基本必会的增删改查         一.增Insert    (特殊的如果id自动递增的话,就不需要插入id) ...

如何使用Kali Linux进行DDOS攻防与WEB压力测试?

如何使用Kali Linux进行DDOS攻防与WEB压力测试?

课前声明:1、本分享仅做学习交流,请自觉遵守法律法规!2、请勿拿去公网尝试,一定要做一个遵规守法的好公民!3、纯教学,造成的任何后果与我无关。二、资源装备1.安装好 Kali Linux 的虚拟机一台2.用于DDOS(拒绝式服务攻击)的网站一个;3.整装待发的小白一个。三、战略安排3.1 下载DDO...

【新手建站教学】如何使用成本更低的虚拟主机实现快速建站?手把手教你搭建一个属于自己的网站。

【新手建站教学】如何使用成本更低的虚拟主机实现快速建站?手把手教你搭建一个属于自己的网站。

本篇文章教大家如何使用成本更低的虚拟主机去搭建一个网站。虚拟主机价格远低于服务器,所以选择虚拟主机建站是个非常不错的选择。虚拟主机就是一台服务器分出来的小空间,一台虚拟机只能建一个网站,一台服务器理论上可以无限搭建网站。需要准备:1.一台虚拟主机       ...

Python所有的库都在这里了!!强烈建议收藏

Python所有的库都在这里了!!强烈建议收藏

前言嗨喽,大家好呀~又到了学Python时刻~随着大数据和人工智能的发展,Python也与多种科技深深绑定。比如自动化测试,运维,爬虫,数据分析,机器学习,金融领域,后端开发,云计算,游戏开发都有涉及。万丈高楼平地起,Python这座大厦能够如此强大,就是拥有强大的成千上万的库的支持无数牛x的轮子在...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。