doulin2025 2018-01-07 10:10
浏览 61
已采纳

如何使用Javascript每秒加载图像[重复]

This question already has an answer here:

I have programmed a web site in HTML/PHP/Javascript that must display the data stored in a MySQL database every second. It displays it as a graph (PNG image produced by running graph.php).

<!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>

visualiser.php displays the graph well, but graph.php does not update the last one as it is supposed to.

PS: The graph (made with pChart libraries) shows the heart rate as a function of time as well.

</div>
  • 写回答

1条回答 默认 最新

  • dpppic5186 2018-01-07 10:12
    关注

    Fundamentally that looks fine. I suspect the image isn't being updated because the src isn't changing when you set it the second, third, etc. times. You could either clear it before setting it:

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

    ...or give it an ever-changing URL by appending a query string:

    function refresh() {
    document.getElementById('graph').src = 'graph.php?' + Date.now();
}
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 关于#stm32#的问题：CANOpen的PDO同步传输问题
  • ¥20 yolov5自定义Prune报错，如何解决？
  • ¥15 电磁场的matlab仿真
  • ¥15 mars2d在vue3中的引入问题
  • ¥50 h5唤醒支付宝并跳转至向小荷包转账界面
  • ¥15 算法题：数的划分，用记忆化DFS做WA求调
  • ¥15 chatglm-6b应用到django项目中，模型加载失败
  • ¥15 CreateBitmapFromWicBitmap内存释放问题。
  • ¥30 win c++ socket
  • ¥15 C# datagridview 栏位进度