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

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

WBOY
發布: 2016-05-16 16:11:42
原創
1494 人瀏覽過

本文實例講述了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程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板