Javascript 显示运行时间

Javascript 显示运行时间,javascript,jquery,d3.js,jsfiddle,Javascript,Jquery,D3.js,Jsfiddle,我想使用D3.js来显示我正在做的即将到来的项目的运行时间。它在本地主机上运行良好,但我的JSFIDLE不会自动更新。我如何为JSFIDLE设置东西有问题吗 我为jQuery和D3js添加了外部资源。当我检查元素时,JSFIDLE中的结果的源代码看起来与localhost中的相同 var d, h, m, s, DayNight; currtime(); $(document).ready(function () { setInterval("currtime()", 1000);

我想使用D3.js来显示我正在做的即将到来的项目的运行时间。它在本地主机上运行良好,但我的JSFIDLE不会自动更新。我如何为JSFIDLE设置东西有问题吗

我为jQuery和D3js添加了外部资源。当我检查元素时,JSFIDLE中的结果的源代码看起来与localhost中的相同

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);
};
vard,h,m,s,DayNight;
currtime();
$(文档).ready(函数(){
setInterval(“currtime()”,1000);
});
d3.选择(“运行时”)
.append(“文本”)
.text(“当前时间:”)
.append(“span”)
.attr(“id”、“时间”)
.文本(h+“:“+m+”:“+s+”+”+昼夜);
函数currtime(){
d=新日期();
h=d.getHours();
m=d.getMinutes();
s=d.getSeconds();
DayNight=“PM”;
如果(h>12)h=h-12;
如果(h<12)DayNight=“AM”;

如果(m查看JavaScript控制台,您可以看到正在发生的事情。
currtime()未定义
而且eval是邪恶的(即使在
setInterval()
中)。以下是一个有效的方法。更改此方法:

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

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

你将有
14:XX:XX PM
哦,天哪。我可能根本没有注意到。谢谢。修复了。“eval是邪恶的”不知道这意味着什么。效果很好。我甚至没有想到在JSFiddle中查看我的控制台……这很有意义。感谢链接和帮助。