网页实时显示当前时间 html+js

举报
北极光之夜。 发表于 2021/04/24 00:13:07 2021/04/24
【摘要】 效果: 在网页上能实时显示当前的时间: 这个秒会一直走的。 实现代码 1.在body标签里添加如下代码: <body onload="time()"> </body> 12 2.定义一个盒子标签来显示时间,也可以用其它标签,id设为“showtime”,如: <h2 id="showtime"></h2> 1 3.js代码实现功能: <script> ...

效果:

在网页上能实时显示当前的时间:
1
这个秒会一直走的。

实现代码

1.在body标签里添加如下代码:

<body onload="time()">
</body>

  
 
  • 1
  • 2

2.定义一个盒子标签来显示时间,也可以用其它标签,id设为“showtime”,如:

<h2 id="showtime"></h2>

  
 
  • 1

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>

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

js代码可以让在body标签的结尾

总结

这样便可显示时间了,嘿嘿嘿~~

文章来源: blog.csdn.net,作者:北极光之夜。,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/luo1831251387/article/details/110846526

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

举报
请填写举报理由
0/200