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

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

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

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

PHP环境搭建(推荐宝塔面板)

PHP环境搭建(推荐宝塔面板)

初学者推荐安装集成环境,不建议分别安装,集成环境包含php、mysql、apache、其他php、mysql、apache分别安装的需要相互之间配置,对初学者不友好,一般开发也不需要,特殊生产环境才需要;Windows:宝塔面板(推荐)、phpstudy(https://www.xp.cn/)Mac...

黑客必备的Kali Linux是什么,有哪些弊端?

黑客必备的Kali Linux是什么,有哪些弊端?

我们很多人都会对黑客感兴趣,甚至觉得黑客霸气外漏,当然也有人是觉得黑客是遭人唾弃,没干啥好事儿。先不管黑客这个职业有什么好与不好,我们了解黑客,也是为了防止自己的信息安全被泄露。今天就揭秘黑客常用的Kali Linux。Kali Linux到底是什么?Kali Linux是一个基于Debian的Li...

java web js验证表单(不通过不提交后台)

java web js验证表单(不通过不提交后台)

Register.htmlform表单提交时什么也不填,从前台取到后台是空,不是null通过document的submit()方法<html>   <head>   <meta charset = ...

网站一直被篡改首页文件index以及indax怎么办

网站一直被篡改首页文件index以及indax怎么办

近期发现公司网站首页文件经常被篡改为indax.php或indax.html,导致网站的功能无法正常使用,百度搜索关键词,在显示结果中点击公司网站,打开后跳转到别的网站上去了,尤其我们在百度做的推广,导致客户无法访问到我们公司网站上,给公司带来很大的影响,领导让尽快解决这个问题。这样的问题已经连续出...

MyBatis-写分页的几种方法,怎么写分页最简单

MyBatis-写分页的几种方法,怎么写分页最简单

1、就是直接使用我们的SQL语句进行分页,也就是在Mapper里面加上分页的语句就好了。比如MySQL添加一个limit 2,4。这种方式弊端很大,比如我们不用MySQL了,所有的代码都要修改。2、MyBatis中的分页的插件PageHelper,3、自己手写分页框架。这种用的比较少,不是说写不出来...

如何在程序中实现多进程,多进程概述

如何在程序中实现多进程,多进程概述

 多进程:在一个程序中实现多任务处理,可以使用多线程和多进程两种方式。多进程创建:使用Process、类,每次实例化这个类的时候,就创建一个进程对象。编辑 多进程:一个程序运行中,产生了多个进程。N个正在运行的程序----至少N个程序1个程序------可能只有一个进程/也可能有...

发表评论

访客

看不清,换一张

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