首頁 >web前端 >js教程 >js實作在網頁上簡單顯示時間的方法_javascript技巧

js實作在網頁上簡單顯示時間的方法_javascript技巧

WBOY
WBOY原創
2016-05-16 16:11:421497瀏覽

本文實例講述了js實作在網頁上簡單顯示時間的方法。分享給大家供大家參考。具體如下:

這是一款網頁時鐘JS程式碼,純javascript實現,顯示時、分、秒。網頁時間顯示、網頁時鐘很多,這個真的挺簡易的,美工好的朋友可在此基礎上進一步美化完善

複製代碼 代碼如下:




簡易網頁時鐘

<script><br /> window.onload = function ()<br /> {<br /> var oClock = document.getElementById("clock");<br /> var aSpan = oClock.getElementsByTagName("span");<br /> setInterval(getTimes, 1000);<br /> getTimes();<br /> function getTimes ()<br /> {<br /> var oDate = new Date();<br /> var aDate = [oDate.getHours(), oDate.getMinutes(), oDate.getSeconds()];<br /> for (var i in aDate) aSpan[i].innerHTML = format(aDate[i])<br /> }<br /> function format(a)<br /> {<br /> return a.toString().replace(/^(d)$/, "0$1")<br /> }<br /> }<br /> </script>






希望本文所述對大家的javascript程式設計有所幫助。

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