通过JS实现页面动态显示时间

Haiy_CN

已于 2022-09-01 19:42:59 修改

阅读量1.4k

点赞数 1

分类专栏： Javascript 文章标签： javascript 前端 java

于 2022-08-11 21:11:21 首次发布

本文链接：https://blog.youkuaiyun.com/m0_72687687/article/details/126293288

版权

这篇博客介绍如何使用JavaScript在网页上动态显示当前日期和时间。通过创建一个div元素，并用JavaScript获取当前的年、月、日、星期、小时、分钟和秒，然后更新div的内容来实现动态显示。代码中还包括了将24小时制转换为12小时制的逻辑，以及每秒自动更新时间的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

时间显示

1、先添加div

<div id="time"></div>

2、js实现

<script>
			var str;
			var	_time=document.querySelector("#time");
			function test(){
			    var date=new Date();
				var years=date.getFullYear();//年
				var months=date.getMonth();//月
				var d=date.getDate();//日
				var	w=date.getDay();//周
				switch(w){//周转换文字
					case 0:
					w=('星期日');
					break;
					case 1:
					w=('星期一');
					break;
					case 2:
				    w=('星期二');
					break;
					case 3:
					w=('星期三&#

最低0.47元/天解锁文章