每30秒自动刷新一次Twitter时间线小部件

时间:2015-02-13 08:42:21

标签: html twitter refresh

是否可以自动刷新我们从Twitter应用程序创建的Twitter时间线小部件?

我的客户想要从小部件中删除滚动条并每隔30秒自动刷新一次。我在Chrome插件下面找到了该插件,但我觉得我们无法强迫每个用户在浏览器中安装它。

Refresh for Twitter

任何想法???

更新:

我刚为此写了一个函数,如果我错了请纠正我

<script>
$(document).ready(
    function() {
        setInterval(function() {
            $('.social-list').load();
        }, 30000);
    });
</script>

<script>
$(document).ready(  
    function() {        
        setInterval(function() {            
            $('#twitter-widget-1').load($('#twitter-widget-1'));                
        }, 3000);           
    });
</script>

social-list是父div,twitter-widget-1是iframe id

2 个答案:

答案 0 :(得分:3)

<script>
window.twttr = (function (d,s,id) {

    var t, js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
    js.src="https://platform.twitter.com/widgets.js";
    fjs.parentNode.insertBefore(js, fjs);

    return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });

}(document, "script", "twitter-wjs"));

twttr.ready(function (twttr) {

    twttr.widgets.load();
    setInterval(function() {
        twttr.widgets.load();
        console.log("update twitter timeline each second");
    }, 1000);

});
</script>

jsfiddle演示:http://jsfiddle.net/9x9fc/194/

答案 1 :(得分:3)

如果这适用于到达此处的任何其他人,只是发现如果您在窗口小部件上进行data-tweet-limit自定义,由于某种原因,窗口小部件不会轮询新的更新 - 请参阅:https://twittercommunity.com/t/embedded-timeline-widget-does-not-update-after-customization/36299指向:https://dev.twitter.com/web/embedded-timelines。删除该自定义整理了我的刷新问题 - 似乎每30秒左右轮询一次新的推文。