我如何每15秒刷新一次我的Twitter API?

时间:2010-07-16 15:18:20

标签: jquery api twitter refresh intervals

我成功安装了TWITTER API jquery脚本,但我无法弄清楚如何使用最新推文刷新脚本而不刷新整个页面IN 15 SECOND INTERVALS。是否可以使用.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>

3 个答案:

答案 0 :(得分:1)

尝试将jTwitter调用放入函数并通过setInterval

调用它

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

(大约一半的页面)

答案 1 :(得分:1)

您需要创建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); });

答案 2 :(得分: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文件。