jquery - 使用 JSON 和 JQuery 获取 Twitter Feed - 自动刷新？

Question

我正在编写一个脚本，该脚本将从 Twitter API“获取”最新的推文，然后使用 JQuery 在我的页面上将它们显示为 HTML。

我是 JQuery 的新手，因此如果有人能向我指出 JQuery 网站上必要功能的方向，我将不胜感激。

我目前已经构建了以下脚本:

<!-- Use the Google jQuery CDN for lib support -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!-- Setup and fetch the JSON data -->
<script type="text/javascript">
$(document).ready(function(){
var url='http://search.twitter.com/search.json?callback=?&q=@req';
$.getJSON(url,function(json){
<!-- Iterate the file -->
        $.each(json.results,function(i,tweet){
           $("#results").append('<p><img src="'+tweet.profile_image_url+'" widt="48" height="48" />'+tweet.text+'</p>');
$("#results").slideDown("slow");
        });
                    });
});
</script>
<!-- Output the file into the DIV -->
<div id="results"></div>

该脚本工作正常，但是我现在想合并某种形式的内容自动刷新。即每 x 分钟“重新获取”提要。

据我了解，我需要将 .append 替换为 .html，以便在重新加载之前从页面中删除内容，但是有人对实际刷新内容的最佳方法有任何建议吗？我发现很多文章表达了对浏览器内存泄漏等问题的担忧，并且不想走上错误的道路。

期待您的回复，再次感谢。

Answer 1

$(function(){
    function getTweets() {
        var url='http://search.twitter.com/search.json?callback=?&q=@req';
        $.getJSON(url,function(json){

            //setup an array to buffer output
            var output = [];

            //a for loop will perform faster when setup like this
            for (var i = 0, len = json.results.length; i < len; i++) {

               //instead of appending each result, add each to the buffer array
               output.push('<p><img src="' + json.results[i].profile_image_url + '" widt="48" height="48" />' + json.results[i].text + '</p>');
            }

            //now select the #results element only once and append all the output at once, then slide it into view
            $("#results").html(output.join('')).slideDown('slow');
        });
    }

    //set an interval to run the getTweets function (30,000 ms is 5 minutes), you can cancel the interval by calling clearInterval(timer);
    var timer = setInterval(getTweets, 30000);

    //run the getTweets function on document.ready
    getTweets();

});

这里有一些关于 window.setInterval() 的好文档:https://developer.mozilla.org/en/window.setInterval