html 每秒自动更新时间

最新推荐文章于 2024-04-28 15:23:09 发布

sq.zhang

最新推荐文章于 2024-04-28 15:23:09 发布

阅读量2.6k

点赞数 4

分类专栏： html

本文链接：https://blog.csdn.net/weixin_44972575/article/details/104341344

版权

html 专栏收录该内容

21 篇文章 2 订阅

订阅专栏

html 每秒自动更新时间

<script>
   setInterval("loginP.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</script>

<span id="loginP"/>

代码使用方式

<%@ page pageEncoding="UTF-8" contentType="text/html; UTF-8" isELIgnored="false" %>
<html>

<script>
    /*通过id选择显示的位置                                                                                      每1秒更新一次  */
    setInterval("loginP.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
    /*通过id选择显示的位置                                                                         没有写更新时间就是直接显示  */
    setInterval("loginP.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());");
</script>

<body>
    <h1>
        <span id="loginP"></span>
    </h1>
</body>

</html>

运行格式如下：
在这里插入图片描述

代码原理：

在这里插入图片描述
我也不知道哪一种方式比较好，如果有前端大佬可以在评论区留言说一下
是写两个方法好，还是写一个方法让它一直更新数据呢？

sq.zhang

关注

4
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
html 每秒自动更新时间

html 每秒自动更新时间<script> setInterval("loginP.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);</script><span id="loginP"/>代码使用方式<%@ ...
复制链接

扫一扫