首页  >  文章  >  web前端  >  js实现在网页上简单显示时间的方法_javascript技巧

js实现在网页上简单显示时间的方法_javascript技巧

WBOY
WBOY原创
2016-05-16 16:11:421428浏览

本文实例讲述了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程序设计有所帮助。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn