每隔几秒更新一次 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 );