网页实时显示当前时间 html+js
【摘要】 效果：
在网页上能实时显示当前的时间： 这个秒会一直走的。
实现代码
1.在body标签里添加如下代码：
<body onload="time()">
</body>
12
2.定义一个盒子标签来显示时间，也可以用其它标签，id设为“showtime”，如：
<h2 id="showtime"></h2>
1
3.js代码实现功能：
<script>
...
效果：
在网页上能实时显示当前的时间：
这个秒会一直走的。
实现代码
1.在body标签里添加如下代码：
<body onload="time()">
</body>
2.定义一个盒子标签来显示时间，也可以用其它标签，id设为“showtime”，如：
<h2 id="showtime"></h2>
3.js代码实现功能：
<script>
/* 时间 */
function time() {
t_div = document.getElementById('showtime');
var now = new Date()
t_div.innerHTML = now.getFullYear() + "/" + (now.getMonth() + 1) + "/" + now.getDate() + "/" + now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds() + "";
setTimeout(time, 1000);
}
</script>
js代码可以让在body标签的结尾
总结
这样便可显示时间了，嘿嘿嘿~~
文章来源: blog.csdn.net，作者：北极光之夜。，版权归原作者所有，如需转载，请联系作者。
原文链接：blog.csdn.net/luo1831251387/article/details/110846526
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）