如何每 15 秒刷新一次 Twitter API？答案

【问题标题】：How do i refresh my Twitter API every 15 seconds?如何每 15 秒刷新一次 Twitter API？
【发布时间】：2011-03-17 00:46:23
【问题描述】：

我成功安装了 TWITTER API jquery 脚本，但我不知道如何在不以 15 秒间隔刷新整个页面的情况下使用最新推文刷新脚本。是否可以使用 .load 或 refreshID 重新加载脚本？我还可以在函数重新加载时包含淡入和淡出吗？

有人做过吗？

非常感谢。

埃里克

这是我的脚本：

<script src="/src/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="/src/jquery/jquery.jtwitter.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function(){
    // Get latest 6 tweets by jQueryHowto
    $.jTwitter('eriksnet', 3, function(data){
        $('#posts').empty();
        $.each(data, function(i, post){
        $('#posts').append(
            '<div class="post">'
            +' <div class="txt">'
            // See output-demo.js file for details
            +    post.text
            +' </div>'
            +'</div>'
        );
    });
});
});
</script>



<div id="posts">Getting Erik's tweets...</div>

【问题讨论】：

标签： jquery api twitter refresh intervals

【解决方案1】：

查看一个 jquery 插件 $.doTimeout，它使这变得非常简单。

http://benalman.com/projects/jquery-dotimeout-plugin/

<script type="text/javascript">
$(document).ready(function(){
    // Get latest 6 tweets by jQueryHowto
    $.doTimeout(15000, function() {
        $.jTwitter('eriksnet', 3, function(data){
            $('#posts').empty();
            $.each(data, function(i, post){
                $('#posts').append(
                    '<div class="post">'
                    +' <div class="txt">'
                    // See output-demo.js file for details
                    +    post.text
                    +' </div>'
                    +'</div>'
                );
            });
        });
        return true;
    });
});
</script>

只需确保在代码中包含 dotimeout js 文件即可。

【讨论】：

我阅读了您的参考链接，但我不确定如何调用 Twitter API 的函数。您能提供什么建议吗？

【解决方案2】：

尝试将您的 jTwitter 调用放在一个函数中并通过 setInterval 调用它

http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

（大约在页面的一半处）

【讨论】：

【解决方案3】：

您需要创建一个interval，以便您的应用程序每 15 秒轮询一次。 Mozilla 的开发者中心has an article on the basics of using setInterval 将帮助您入门。

基本上，你会做这样的事情：

var f = function(){
    $.jTwitter('[user]',6,function(data){
        $('#posts').fadeOut('fast',function(){
            // build your html
            $(this).append(yourHtml).fadeIn();
        });
    });
};
$(document).ready(function(){ setInterval(f,15000); });

【讨论】：

它不能正常工作。
' +'
' ).fadeIn(); }); }); }); $(document).ready(function(){ setInterval(f, 1000); });