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

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

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

使用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下午其他时间是晚上” 的相关文章

JavaWeb项目分页功能讲解

JavaWeb项目分页功能讲解

分页简介分页功能在网页中是非常常见的一个功能,其作用也就是将数据分割成多个页面来进行显示。使用场景: 当取到的数据量达到一定的时候,就需要使用分页来进行数据分割。当我们不使用分页功能的时候,会面临许多的问题:客户端的问题: 如果数据量太多,都显示在同一个页面的话,会因为页面太长严...

pyton打包成exe程序简易教程

我们知道,Python程序需要有python环境才能够运行的,但当我们开发出一个程序之后,给到用户 那么用户是不会去添加这个python环境的。 所以为了用户也能够正常使用,我们就需要将这个程序打包成exe程序。 location.href="https://blog.csd...

python如何连接mysql数据库

python链接mysql数据库要用到pymysql模块中的connect ,connect函数是pymysql模块中 用于连接MySQL数据库的一个函数。 所以连接mysql之前需要先导入pymysql模块 location.href="ht...

使用Python制作电脑无限弹窗恶搞程序教程

使用Python制作电脑无限弹窗恶搞程序教程

 效果如下:编辑演示视频:python弹窗恶搞程序演示视频 教程:1,导入模块,下载模块的方法不过多说明了,可以看我其他的文章有说怎么下载第三方模块,或者Alt+Enter下载也可。# 弹窗恶搞import tkinter as tkimp...

一款安卓/鸿蒙设备也能够轻松连接homepod的插件,跨平台音乐推流工具airmusic分享

一款安卓/鸿蒙设备也能够轻松连接homepod的插件,跨平台音乐推流工具airmusic分享

编辑点评:支持多种音频传输的方案,最为重要的就是支持AirPlay设备支持多种上音频传输方式的一款神器,AirMusic安卓免费版,是个解锁了高级功能的版本,软件需要root权限,可以将音频内容以满足自己需求的方式来推送到你所需要的音响当中,让你的安卓设备也能够轻松的享受到各种不同的音响的内容。操作...

冷门信息差|今日头条项目首发日入过百

冷门信息差|今日头条项目首发日入过百

今日头条?项目微头条首发车费?:99? 转账抢位置!无脑简单玩法,跟发朋友圈一样。每天按照流程发作品,日入过百? 不赚包退微信:19528888767 备注来意...

发表评论

访客

看不清,换一张

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