自动刷新图片在 IE 版本 9 中不起作用答案

【问题标题】：Auto Refresh Picture does not work in IE version 9自动刷新图片在 IE 版本 9 中不起作用
【发布时间】：2014-03-11 08:43:18
【问题描述】：

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <link rel="stylesheet" type="text/css" href="test.css">

</head>

<body>

    <img name="img" src="http://4.bp.blogspot.com/-Jdj5JKTA1xQ/T-BzvrQDZhI/AAAAAAAABhs/bX0TUEFb3Ck/s1600/windows-help1.png" width="90%" height="100%">


    <script>
        setInterval(function () {
            var images = document.getElementsByTagName('img'); // get all img DOM objects
            for (var i = 0; i < images.length; i++) {
                images[i].src = images[i].src.replace(/\btime=[^&]*/, 'time=' + new Date().getTime());
            }
        }, 1000);

    </script>
</body>

</html>

在 Chrome 中我可以看到我的图片每秒刷新一次，但在 IE 版本 9 中它不起作用。显示一次后不刷新。我该如何解决这个问题，或者有其他方法吗？

【问题讨论】：

你的 JS 代码末尾的 1 seconds 是什么？如果你的真实代码中有它，那就是一个错误。
抱歉 1 只是我发帖时的失误，它不应该有。谢谢你的评论

标签： javascript html css ajax internet-explorer-9

【解决方案1】：

按原样，代码应该可以工作。同样在 IE 9 中。

试试这样的方法来验证 scr 属性是否真的被改变了：

Sample fiddle

JSFiddle 在 IE 8 中不能很好地工作——我在上面测试过，但这应该会给你一个可查看的 IE 示例：

Sample fiddle

HTML：

<img src="http://jsfiddle.net/img/initializing.png?time=123" />
<img src="http://jsfiddle.net/img/initializing.png?time=123" />
<br/>
Img0.src: <input type="text" /><br/>
Img1.src: <input type="text" /><br />
Counter : <input type="text" />

CSS：

input {
    width : 500px;
}

Javascript：

var img = document.getElementsByTagName('img');
var inp = document.getElementsByTagName('input');
var cnt = 0;

setInterval(function () {
    inp[2].value = ++cnt;
    for (var i = 0; i < img.length; i++) {
        img[i].src = img[i].src
            .replace(/\btime=[^&]*/, 'time=' + new Date().getTime());
        inp[i].value = img[i].src;
    }
}, 1000);

【讨论】：