本文實(shí)例講述了js實(shí)現(xiàn)在網(wǎng)頁上簡單顯示時間的方法。分享給大家供大家參考。具體如下：

這是一款網(wǎng)頁時鐘JS代碼，純javascript實(shí)現(xiàn)，顯示時、分、秒。網(wǎng)頁時間顯示、網(wǎng)頁時鐘有很多，這個真的挺簡易的，美工好的朋友可在此基礎(chǔ)上進(jìn)一步美化完善

簡易網(wǎng)頁時鐘

body,div{margin:0;padding:0;}

body{color:#fff;font:16px/1.5 \5fae\8f6f\96c5\9ed1;}

#clock{width:300px;text-align:center;background:#1a1a1a;margin:10px auto;padding:20px 0;}

span{color:#000;width:80px;line-height:2;background:#fbfbfb;border:2px solid #b4b4b4;margin:0 10px;padding:0 10px;}

window.onload = function ()

{

var oClock = document.getElementById("clock");

var aSpan = oClock.getElementsByTagName("span");

setInterval(getTimes, 1000);

getTimes();

function getTimes ()

{

var oDate = new Date();

var aDate = [oDate.getHours(), oDate.getMinutes(), oDate.getSeconds()];

for (var i in aDate) aSpan[i].innerHTML = format(aDate[i])

}

function format(a)

{

return a.toString().replace(/^(\d)$/, "0$1")

}

}

點(diǎn)分秒

希望本文所述對大家的javascript程序設(shè)計有所幫助。

總結(jié)

以上是生活随笔為你收集整理的如何在html上显示时间设置,js实现在网页上简单显示时间的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。