Twitterの投稿を表示する

Result

jQuery

//読み込み中の処理
var l = $("<p>Loading...</p>");
//JSONデータ
$.getScript("http://twitter.com/javascripts/blogger.js");
$.getScript("http://twitter.com/statuses/user_timeline/kachibito.json?callback=twitterCallback2&count=7", function() {
    $(l).hide();
});

var t = $("#twitter_update_list li");
//読み込めなかった場合の処理もしておく。
setTimeout(function() {
    if (t.text() === ""){
        t.text("ロードに失敗しました・・Twitterが落ちてるかも");
    }}, 10000);

css

#twitter_update_list li{
    margin: 10px ;
    padding:20px;
    width: 500px ;
    background:#eee;
}

html

<ul id="twitter_update_list">
    <li></li>
</ul>

via