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

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

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

使用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项目分页功能讲解

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

万策云网络工作室旗下高性能服务器,保证用户数据安全

万策云网络工作室旗下高性能服务器,保证用户数据安全

万策云工作室旗下所有业务均使用1T高防高性能服务器,数据定时备份,多台服务器实时同步数据,保障用户数据安全!多台服务器定时备份,企业级安全,50m独享,大带宽抗cc文件实时同步备份,数据库定时备份。主服务器采用T级群防,150G单机防御的国内高性能服务器。秒解机器!真实可测客户数据丢了都可以找回来...

Spring框架提供的多种属性注入方式

Spring框架提供的多种属性注入方式

1 set注入注入的成员变量必须要封装  set方法注入bean<!--成员变量对象--><!--<bean id="u" class="com.bdqn.User"></bean&g...

pyton打包成exe程序简易教程

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

socket概述 python中如何使用TCP/UDP协议实现通信-教程

socket概述 python中如何使用TCP/UDP协议实现通信-教程

 很多编程语言中,都使用scoket套接字实现网络通信。Socket是对TCP/IP协议的封装,Socket本身就是一个调用接口(API),方便程序员用Socket使用TCP/IP协议簇,实现网络通信。不同编程语言,shiyongSocket通信的语法有所区别,但基本原理类型相似。它的两种...

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

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

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

发表评论

访客

看不清,换一张

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