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