js获取当前时间,每秒刷新

在开发过程中,在前端页面总是要有时间戳,在前端页面获取时间,我们可以通过后端渲染到页面,也可以通过js获取当前的时间,下面是js一种最为简单的实现代码。

<script type="text/javascript">
function sz(){
	t=setInterval(function(){
		//获取时间对象
	var dd=new Date;
	//获取年月日,时分秒
	var y=dd.getFullYear();
	var m=dd.getMonth()+1;
	var d=dd.getDate();
	var h=dd.getHours();
	var i=dd.getMinutes();
	var s=dd.getSeconds();
	var wkday = dd.getDay();
	
	console.log(y+"年"+m+"月"+d+"日"+"   "+h+":"+i+":"+s+" "+"星期"+"日一二三四五六".charAt(wkday));
	},1000)
}

	sz()
</script>

效果图
在这里插入图片描述
当然,上面只是代码实现,要想具体的显示在页面的某个位置,我们绑定一个标签就可以了。

<div id="times"></div>
<script type="text/javascript">
	var times=document.getElementById("times")
	function sz(){
		t=setInterval(function(){
		//获取时间对象
		var dd=new Date;
		//获取年月日,时分秒
		var y=dd.getFullYear();
		var m=dd.getMonth()+1;
		var d=dd.getDate();
		var h=dd.getHours();
		var i=dd.getMinutes();
		var s=dd.getSeconds();
		var wkday = dd.getDay();
		times.innerHTML=y+"年"+m+"月"+d+"日"+"   "+h+":"+i+":"+s+" "+"星期"+"日一二三四五六".charAt(wkday);
	},1000)
}
	sz()
</script>

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值