自动刷新JavaScript功能在一段时间后停止工作

Auto refresh JavaScript function stop working after some time

本文关键字：一段时间 停止工作 功能 刷新 JavaScript      更新时间：2023-09-26

我需要每5秒刷新一次图像。没有闪烁。所以搜索谷歌，找到一些解决方案。但是该代码刷新图像并且没有闪烁，但是它在一段时间后停止刷新图像。一段时间后它在1分钟后停止刷新图像，一段时间在3分钟后15分钟后

这是我的代码

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script language="JavaScript">
var x = 0,
    y = 0;
var canvas, context, img;
function timedRefresh() {
    canvas = document.getElementById("x");
    context = canvas.getContext("2d");
    img = new Image();
    img.src = "CC4.png?" + Math.random();
    img.onload = function () {
        context.drawImage(img, x, y);
        x += 0;
        y += 0;
        setTimeout('timedRefresh()', 5000);
    };
}
window.onload = timedRefresh;
</script>
</head>
<body id="home" onload="setTimeout('timedRefresh()',5000)">
<canvas id="x" width="800" height="590"/>
</body>
</html>

我想这是一个网络问题，所以当它无法加载图像时就会停止。尝试添加

img.onerror = function(){ setTimeout('timedRefresh()', 1000); }

因此，即使出现问题，它也会重试加载

相关文章：