代码之家 › 专栏 › 技术社区 › commander666

为什么是元素。innerHTML=包含日期信息的字符串不起作用?

setinterval javascript

commander666 · 技术社区 · 9 年前

我遇到了这个问题 setInterval() :

var h1 = document.getElementById("demo");

function updateTime(d) {

  h1.innerHTML = "numero del mese: " + d.getDate() +
    "<br>numero della settimana: " + d.getDay() +
    "<br>anno: " + d.getFullYear() +
    "<br>mese: " + d.getMonth() +
    "<br>ore: " + d.getHours() +
    "<br>minuti: " + d.getMinutes() +
    "<br>secondi: " + d.getSeconds();
}

setInterval(updateTime.bind(null, new Date()), 1000);

所有这些都正常工作,但只工作一次,然后什么都没有。

3 回复 | 直到 9 年前

Quentin 9 年前

new Date() 创建日期对象,表示

你调用它一次,然后在显示时间的间隔内使用它( 这不会改变 )每一秒。

如果你想得到 现在的 在…内 在间隔上调用的函数。

例如:

setInterval(function () { updateTime(new Date()); }, 1000);

Munawir 9 年前

新的Date对象创建一次,您在每次函数调用中都使用相同的对象。因此,日期不会在每次通话中更改。

您需要在函数内创建新的日期对象,以便每次调用函数时都会创建它,从而更新时间。

var h1 = document.getElementById("demo");

function updateTime() {
  var d = new Date();
      
  h1.innerHTML = "numero del mese: " + d.getDate() +
    "<br>numero della settimana: " + d.getDay() +
    "<br>anno: " + d.getFullYear() +
    "<br>mese: " + d.getMonth() +
    "<br>ore: " + d.getHours() +
    "<br>minuti: " + d.getMinutes() +
    "<br>secondi: " + d.getSeconds();
}

setInterval(updateTime, 1000);

<div id="demo"></div>

SVSchmidt 9 年前

那是因为你使用 .bind(null, new Date()) 因此,对于每一次未来调用,其日期与最初创建的日期相同。我建议打电话 new Date() 时间见下文。

    var h1 = document.getElementById("demo");

    function updateTime() {
      let d = new Date();
      
      h1.innerHTML = "numero del mese: " + d.getDate() +
        "<br>numero della settimana: " + d.getDay() +
        "<br>anno: " + d.getFullYear() +
        "<br>mese: " + d.getMonth() +
        "<br>ore: " + d.getHours() +
        "<br>minuti: " + d.getMinutes() +
        "<br>secondi: " + d.getSeconds();
    }

    setInterval(updateTime, 1000);

<h1 id="demo"></h1>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前