javascript - 无法每 5 秒下载一次图像

Question

我使用下面的脚本通过下载图像 test.png 来检查互联网连接。我遇到的问题是它只会下载图像一次。这意味着，如果页面首次加载时有互联网连接，它将显示“在线” - 但是，如果我断开网络电缆，它不会显示“离线”，因为它应该是这样。

基本上，一旦下载，readyState将始终为“complete” - 但是，我想一次又一次地执行测试。

<script type="text/javascript">
setInterval('checkimage()', 1000);

function checkimage() {
    var imgTmp = new Image();
    imgTmp.src = 'test.png';
    if (imgTmp.readyState == 'complete') {
        document.getElementById('div1').innerHTML = "<font size=15 face=ariel color=green>Online</font>";
    } else {
        document.getElementById('div1').innerHTML = "<font size=15 face=ariel color=red>Offline</font>";
    }
}
</script>

任何帮助将不胜感激!

Answer 1

我对整个解决方案表示怀疑，但如果你想强制下载，即避免缓存，你可以替换

imgTmp.src = 'test.png';

与

imgTmp.src = 'test.png?t='+(new Date().getTime());