实用方法:JS数组实现网页显示时间/星期更新(2021/01/18)

版权申诉
0 下载量 188 浏览量 更新于2024-03-09 收藏 16KB DOCX 举报
本文介绍了使用JavaScript数组实现网页上显示时间和星期几的实用方法。在网页上显示时间是许多新手开发者想要实现的功能之一。本文总结了一些有用的技巧,以便与大家分享。以下是实现这一功能的代码示例: ```html <head> <script type="text/javascript"> function startTime(){ var today = new Date(); var h = today.getHours(); var m = today.getMinutes(); var s = today.getSeconds(); // add a zero in front of numbers < 10 m = checkTime(m); s = checkTime(s); document.getElementById('txt').innerHTML = h + ":" + m + ":" + s; t = setTimeout('startTime()', 500); } function checkTime(i) { if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10 return i; } </script> </head> <body onload="startTime()"> <div id="txt"></div> </body> ``` 上述代码中,通过JavaScript中的Date对象获取当前时间,并将小时、分钟、秒显示在网页上。通过checkTime函数,可以在数字小于10时在前面加上0,以保持时间格式的统一。最后,通过innerHTML将时间显示在id为txt的div元素中。 这是一个简单而实用的方法,可以帮助网页开发者展示时间。通过稍加修改,还可以添加星期几的显示。希望以上内容对您有所帮助。