如何每15秒刷新我的Twitter API？

Question

我成功地安裝了TWITTER API jquery腳本，但我無法弄清楚如何在不刷新整個頁面的情況下使用最新的tweet刷新腳本。是否可以使用.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> 

Answer 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文件在你的代碼。

Answer 2

嘗試把你的jTwitter呼叫的功能，把它通過setInterval的

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

（約一半下來的頁面）

Answer 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); });