在开发过程中,在前端页面总是要有时间戳,在前端页面获取时间,我们可以通过后端渲染到页面,也可以通过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>