实用方法:JS数组实现网页显示时间/星期更新(2021/01/18)
版权申诉
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元素中。
这是一个简单而实用的方法,可以帮助网页开发者展示时间。通过稍加修改,还可以添加星期几的显示。希望以上内容对您有所帮助。
点击了解资源详情
点击了解资源详情
点击了解资源详情
2023-03-16 上传
2021-12-16 上传
2022-01-19 上传
2021-12-05 上传
2022-01-19 上传
惚如远行客
- 粉丝: 0
- 资源: 5209