setInterval（）定时器只执行一次的解决

最新推荐文章于 2023-03-11 22:00:00 发布

water_Popcorn

最新推荐文章于 2023-03-11 22:00:00 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/water_Popcorn/article/details/77937273

JavaScript 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一段用于网页上实时显示当前时间的JavaScript代码，并对其存在的问题进行了修正。原始代码试图每秒更新页面上的时间显示，但存在逻辑错误。通过调整函数内部的DOM操作方式并确保使用正确的定时器方法，最终实现了预期的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

源代码（错误的）：

<body>
<span id="time"></span>
<script>
    function  s(){
        var t = new Date();
    var ti = document.getElementById("time").innerHTML;
        ti = t.getHours()+"时"+ t.getMinutes()+"分"+ t.getSeconds()+"秒";
              document.write(ti);

          // window.setTimeout(s,1000);
    }
    window.setInterval("s()",1000);
    window.onload(s());
</script>
</body>

执行的时候控制台报错：

源代码（修改后）：

<body>
<span id="time"></span>
<script>
    function  s(){
        var t = new Date();
document.getElementById("time").innerHTML=t.getHours()+"时"+ t.getMinutes()+"分"+ t.getSeconds()+"秒";
          // window.setTimeout(s,1000);
    }
    window.setInterval("s()",1000);
    window.onload(s());
</script>
</body>