html5简易数字时钟,js实现一个简单的数字时钟效果

效果图：

代码如下：

一个简单的数字时钟

// 定义一个函数用以显示当前时间

function displayTime() {

var elt = document.getElementById("clock"); // 通过id= "clock"找到元素

var now = new Date(); // 得到当前时间

elt.innerHTML = now.toLocaleTimeString(); //让elt来显示它

setTimeout(displayTime,1000); //在1秒后再次执行

}

window.onload = displayTime; //当onload事件发生时开始显示时间

#clock {

font: bold 24pt sans;

background: #ddf;

padding: 10px;

border: 2px solid black;

border-radius: 10px;

}

一个简单的数字时钟

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！