显示运行时间

Question

我想使用D3.js来显示我正在进行的即将开展的项目的运行时间。它在 localhost 上运行得很好，但我的JSFiddle - 它不会自动更新。我是如何为JSFiddle设置的？

我为jQuery＆amp;添加了外部资源。 D3js。当我检查元素时，JSFiddle中 result 的源代码与 localhost

中的相同

JSFiddle for running time

var d, h, m, s, DayNight;
currtime();

$(document).ready(function () {
    setInterval("currtime()", 1000);
});

d3.select("#runtime")
    .append("text")
    .text("Current time: ")
    .append("span")
    .attr("id", "time")
    .text(h + ":" + m + ":" + s + " " + DayNight);

function currtime() {
    d = new Date();
    h = d.getHours();
    m = d.getMinutes();
    s = d.getSeconds();
    DayNight = "PM";
    if (h>12) h=h-12;
    if (h < 12) DayNight = "AM";
    if (m <= 9) m = "0" + m;
    if (s <= 9) s = "0" + s;

    d3.select("#runtime")
        .select("#time")
        .text(h + ":" + m + ":" + s + " " + DayNight);
};

Answer 1

查看JavaScript控制台，您可以看到发生了什么。 currtime() is not defined eval也是邪恶的（即使在setInterval()内）。这是一个有效的updated fiddle。改变这个：

$(document).ready(function () {
    setInterval("currtime()", 1000);
});

到此：

$(document).ready(function () {
    setInterval(currtime, 1000);
});