在一定时间后重新加载某些div

Question

我目前正在测试一个客户端的twitter墙，当页面以javascript开头时，我正在加载这个墙。是否有可能重新加载div或javascript而不必重新加载浏览器？

这是我的迪夫

<div id="social-stream"></div>

用js加载它

$(document).ready(function($){
$('#social-stream').dcSocialStream({
    feeds: {
        twitter: {
            id: '#%23hashtag',
            thumb: true,
            images:'medium',
        },

    },
    rotate: {
        delay: 0
    },
    twitterId: 'something',
    control: false,
    filter: false,
    wall: true,
    cache: false,
    max: 'limit',
    limit: 16,
    });
});

Answer 1

是的，你可以，通过使用setInterval，

$(document).ready(function ($) {
    function socialStream() {
        $('#social-stream').html('').dcSocialStream({
            feeds: {
                twitter: {
                    id: '#%23swiss',
                    thumb: true,
                    images: 'medium',
                },

            },
            rotate: {
                delay: 0
            },
            twitterId: 'swiss',
            control: false,
            filter: false,
            wall: true,
            cache: false,
            max: 'limit',
            limit: 16,
        });

    }
    socialStream();// first time load
    setInterval(function () {
        socialStream(); // reload div after every 5 seconds
    }, 5000); // 5 seconds interval
});

还可以使用clearInterval停止重新加载/刷新twitter数据。

Answer 2

var container = $('#social-stream');
$(document).ready(function($){
    loadTweets();
    setInterval(loadTweets,200);
});

function loadTweets(){
container.empty();
container.dcSocialStream({
    feeds: {
        twitter: {
            id: '#%23swiss',
            thumb: true,
            images:'medium',
        },

    },
    rotate: {
        delay: 0
    },
    twitterId: 'swiss',
    control: false,
    filter: false,
    wall: true,
    cache: false,
    max: 'limit',
    limit: 16,
    });
}