首页  >  文章  >  web前端  >  js获取当前时间显示在页面上并每秒刷新_javascript技巧

js获取当前时间显示在页面上并每秒刷新_javascript技巧

WBOY
WBOY原创
2016-05-16 16:24:401405浏览

方法很简单,代码也很简洁,直接奉上代码吧

复制代码 代码如下:





js获取当前时间显示在页面上
<script><br /> window.onload=function(){<br /> //定时器每秒调用一次fnDate()<br /> setInterval(function(){<br /> fnDate();<br /> },1000);<br /> }<br /> //js 获取当前时间<br /> function fnDate(){<br /> var oDiv=document.getElementById("div1");<br /> var date=new Date();<br /> var year=date.getFullYear();//当前年份<br /> var month=date.getMonth();//当前月份<br /> var data=date.getDate();//天<br /> var hours=date.getHours();//小时<br /> var minute=date.getMinutes();//分<br /> var second=date.getSeconds();//秒<br /> var time=year+"-"+fnW((month+1))+"-"+fnW(data)+" "+fnW(hours)+":"+fnW(minute)+":"+fnW(second);<br /> oDiv.innerHTML=time;<br /> }<br /> //补位 当某个字段不是两位数时补0<br /> function fnW(str){<br /> var num;<br /> str>10&#63;num=str:num="0"+str;<br /> return num;<br /> } <br /> </script>





声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn