js+html 在网页上显示时间

UerLink

已于 2022-03-08 16:31:19 修改

阅读量669

点赞数 1

文章标签： javascript html linq

于 2022-03-02 14:44:07 首次发布

本文链接：https://blog.csdn.net/weixin_46475950/article/details/123229777

版权

实用技巧专栏收录该内容

3 篇文章 0 订阅

订阅专栏

展示效果:

全部文件:

html文件代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>获取当前时间</title>
	</head>
	<body>
		<script src="time.js"></script>
		<div id="time" ></div>
	</body>
</html>

js文件代码:

window.onload=function()
{
	window.requestAnimationFrame(getDate)
}

function getDate()
{
	window.setTimeout(function(){
		window.requestAnimationFrame(getDate)
	},1000/2)
	var time=new Date();   
	var year=time.getFullYear()  //年
	var month=time.getMonth()+1;  //月
	var day=time.getDay()    //日
	var days=time.getDate() //日期
	var hour=time.getHours()   //小时
	var minute=time.getMinutes()  //分钟
	var second=time.getSeconds()   //秒
	if(month<10) month="0"+month
	if(days<10) days="0"+days
	if(hour<10) hour="0"+hour
	if(minute<10) minute="0"+minute
	if(second<10) second="0"+second
	var weekshow=new Array("日","一","二","三","四","五","六")
	var HT=document.getElementById("time")   //设置html文件,访问ID
	var timeshow1="日期:  "+year+"-"+month+"-"+days+"  "+"星期"+weekshow[day]
	var timeshow2="时间:"+hour+" : "+minute+" :"+second 
	HT.innerHTML= timeshow1//显示日期
	//HT.innerHTML= timeshow2//显示时间,自行更改

}

UerLink

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js+html 在网页上显示时间

html文件代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>获取当前时间</title> </head> <body> <script src="time.js"></script> <div id="time" ></div> </.
复制链接

扫一扫