网页上经常看到一些好看的时间显示,下面我把用JavaScript做过的一个显示时间的小例子分享一下:
首先新建一个html文件, 在<body></body>里面写一个<span></span>标签,如:
<body>
<span id = "Clock" style = "color:Blue; font-size:40px;"></span>
</body>
然后开始写JavaScript代码:如下:
<script type = "text/javascript">
window.onload = function () {
setTime();
setInterval(setTime,1000);
}
function setTime() {
var newDate = new Date();
document.getElementById('Clock').innerHTML = newDate.toLocaleTimeString();
}
</script>
很简单的一段JavaScript代码,采用了setInterval(),取到了当前时间newDate ,来一秒一秒的累计。