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

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

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

使用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实现企业邮箱登录验证功能

题目要求:效果:  index.jsp<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&...

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

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

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

pyton打包成exe程序简易教程

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

CloudDriver一款将各种网盘云盘挂在到电脑本地变成本地磁盘的工具 教程

CloudDriver一款将各种网盘云盘挂在到电脑本地变成本地磁盘的工具 教程

平时我们的电脑可能由于大量的文件资料之类的导致存储空间可能不够,所以我们可以选择将网盘我们的本地磁盘用来存放东西。CloudDrive 是一款可以将 115、阿里云盘、天翼云盘、沃家云盘、WebDAV 挂载到电脑中,成为本地硬盘的工具,支持 Windows 与 Dock...

openwrt推荐固件 iStoreOS软路由科学上网插件passwall、SSR、OpenClash、和去广告等插件分享

openwrt推荐固件 iStoreOS软路由科学上网插件passwall、SSR、OpenClash、和去广告等插件分享

如何安装,下载后,iStore手动安装,选择文件安装即可。软件下载地址https://github.com/AUK9527/Are-u-ok直接访问github就可以下载。如果你不能访问github 那你要先解决这个问题,然后再去路由器里面安装插件。插件名功能下载PassWallPassWall 科...

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

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

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

发表评论

访客

看不清,换一张

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