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

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

簡易網頁時鐘

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")

}

}

點分秒

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。