每隔几秒更新一次div

Question

我有一个简单的html页面，我可以从某个网站上调用一些照片。这个图像每30秒更新一次，所以如果可以使用javascript，我想每30秒更新一次div。我尝试了不同的东西，但无法绕过它。一些帮助将不胜感激。

这是我的HTML：

            <section class="stack-view">
            <ul class="stack-list">
                <li class="stack-1 cam-list-item">
                    <ul>
                        <li>
                            <ul class="sub-cam">
                                <li>
                                    <p class="help-desc ps-note stack-name"></p>
                                    <img class="img"   alt="" >
                                </li>

                                <li>
                                    <p class="help-desc ps-note stack-name"></p>
                                    <img class="img"  alt="" >
                                </li>

                                <li>
                                    <p class="help-desc ps-note stack-name"></p>
                                    <img class="img"  alt="" >
                                </li>

                                <li>
                                    <p class="help-desc ps-note stack-name"></p>
                                    <img class="img"  alt="" >
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </section>

这是我的javascript：

     var values = 
                      [ 
                          {url : "http://here/is/some/url/I/need"}, 
                          {url : "http://here/is/some/url/I/need"}, 
                          {url : "http://here/is/some/url/I/need"}, 
                          {url : "http://here/is/some/url/I/need"}
                      ];
    (function(){
        var i = 0;
        $('.img').each(function() {
            $(this).attr( "src", values[i].url );
            i++;
        });
    })();

这是我尝试过的但它不起作用。

    setTimeout(function(){
        var i = 0;
        $('.img').each(function() {
            $(this).attr( "src", values[i].url );
            i++;
        });
    }, 3000);

有什么想法我可以解决这个问题吗？感谢。

Answer 1

在这一行：

(function(){
    var i = 0;
    $('.img').each(function() {
        **$(this).html(values[i].url);**
        i++;
    });

代替：$(this).html(values[i].url); 使用：$(this).attr( "src", values[i].url );