首頁  >  文章  >  web前端  >  js取得當前時間顯示在頁面上並每秒刷新_javascript技巧

js取得當前時間顯示在頁面上並每秒刷新_javascript技巧

WBOY
WBOY原創
2016-05-16 16:24:401403瀏覽

方法很簡單,程式碼也很簡潔,直接奉上程式碼吧

複製程式碼 程式碼如下:





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?num=str:num="0" str;<br /> return num;<br /> } <br /> </script>





陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn