html显示时间,并且实时刷新(详细代码)
【摘要】 完整代码如下:
<div class="showTime">当前时间:2021年2月19-20时35分16秒</div>
<script>
var t = null;
t = setTimeout(time, 1000); //開始运行
function time() { clearTimeout(t); //清除定时器 dt = new Date(); ...
完整代码如下:
<div class="showTime">当前时间:2021年2月19-20时35分16秒</div>
<script>
var t = null;
t = setTimeout(time, 1000); //開始运行
function time() { clearTimeout(t); //清除定时器 dt = new Date(); var y = dt.getFullYear(); var mt = dt.getMonth() + 1; var day = dt.getDate(); var h = dt.getHours(); //获取时 var m = dt.getMinutes(); //获取分 var s = dt.getSeconds(); //获取秒 document.querySelector(".showTime").innerHTML = "当前时间:" + y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s + "秒"; t = setTimeout(time, 1000); //设定定时器,循环运行
}
</script>
以上就是html显示时间,并且实时刷新(详细代码)的全部内容。
看完如果对你有帮助,感谢点赞支持!
如果你是电脑端的话,看到右下角的 “一键三连” 了吗,没错点它[哈哈]
加油!
共同努力!
Keafmd
文章来源: keafmd.blog.csdn.net,作者:牛哄哄的柯南,版权归原作者所有,如需转载,请联系作者。
原文链接:keafmd.blog.csdn.net/article/details/113871424
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)