js获取实时时间信息、星期几

mm_hello11

于 2018-10-09 21:41:27 发布

阅读量2.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/mm_hello11/article/details/82989399

JavaScript 专栏收录该内容

59 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的实时更新的日期和时间显示组件。通过创建Date对象并利用DOM操作，该组件每秒更新一次，展示当前的日期、时间和星期。代码中包括了设置时间格式和获取星期的功能。

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

	<span>当前时间：</span>
	<span id="time"></span>
	<span id="xq"></span>

	<script type="text/javascript">

	window.onload=function(){
		//1s加载一次
		setInterval("clock()",1000);
	}
		
	function clock () {
		//全局变量d，创建Date对象
		d = new Date();
		//获得日期时间控件
		var spt = document.getElementById("time");
		//格式：2018/2/5  19:19:33
		spt.innerHTML=d.getFullYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日 "+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
			
		//获得星期控件
		var spweek = document.getElementById("xq");
		spweek.innerHTML=week();
			
	}

	function week () {
		var weekday = new Array(7)
		weekday[0] = "星期日"
		weekday[1] = "星期一"
		weekday[2] = "星期二"
		weekday[3] = "星期三"
		weekday[4] = "星期四"
		weekday[5] = "星期五"
		weekday[6] = "星期六"
			
		return weekday[d.getDay()];
	}

	</script>

页面显示如下：