如何使用Javascript每秒加载一个图像

我已经用HTML/PHP/Javascript编写了一个网站，它必须每秒显示存储在MySQL数据库中的数据。它将其显示为图形（通过运行

graph.php

生成的PNG图像）

现场跟踪跑步
函数刷新（）{
document.getElementById（'graph'）.src='graph.php'；
}
多涅斯形象化

从根本上说，这看起来不错。我怀疑图像没有被更新，因为当您设置第二次、第三次等时，

src

没有改变。您可以在设置之前清除它：

function refresh() {
    var graph = document.getElementById('graph');
    graph.src = '';
    graph.src = 'graph.php';
}

…或通过附加查询字符串为其提供一个不断变化的URL：

function refresh() {
    document.getElementById('graph').src = 'graph.php?' + Date.now();
}

---

看看这个，例如，不需要将src设置为null！第二个解决方案非常有效！非常感谢@jasinthpremkumar：这是在两个不同的值之间切换src。这里的OP只是每秒重新断言相同的src。这就是为什么在这种情况下，将

src

设置为

'

（而不是

null

）可能会有所帮助（取决于缓存设置；可能还需要将其设置为

'

，然后等待将其设置为其他值，直到

设置超时（…，0）

之后，但查询字符串解决方案不需要这样做）。另一方面，你应该修改你的HTML结构。基本上，

和

应该是

的唯一直接子女。因此，将

放入

和所有可视元素，如

..

中的

：o）