Question

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

＆＃13;

<!DOCTYPE html>

<html>
	<title>Live Tracking Run'INSA</title>
	
	<head>
		<script type = "text/javascript">
			function refresh() {
				document.getElementById('graph').src = 'graph.php';
			}
		</script>
	</head>

	<p><h2>Visualisation des données</h2></p>
	
	<body onLoad='setInterval(refresh, 1000);'>
		<img id='graph'/>
	</body>
	
</html>

＆＃13;

visualiser.php可以很好地显示图表，但graph.php不会按预期更新最后一个图。

PS：图表（用pChart库制作）显示心率也是时间的函数。

Answer 1

从根本上说，看起来很好。我怀疑图片没有更新，因为当您将其设置为第二，第三等时，src不会更改。您可以在设置之前清除它：

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

...或通过附加查询字符串为其提供不断变化的网址：

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

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

1 个答案: