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


<!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中,它行不通。显示一次后不会刷新。我该如何解决此问题,或者还有其他方法可以做到吗?

代码应起作用。也在IE 9中。

尝试这样的事情以验证SCR属性是否实际上更改了:

样本小提琴

JSFIDDLE在IE 8中无法正常工作 - 我对此进行了测试,但这应该为您提供可见的IE示例:

样本小提琴

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);

最新更新