본문 바로가기
관심종목/about PCs

트윗터 최근 10개 사이드바에 달기

by 신의손길 2010. 2. 16.

검색해서 찾은 자바스크립트를 내 블로그에 맞게 몇군데 수정하고, 사이드바에 추가했다.

역시, 검색만이 살길......ㅡ_-)v

블로그를 하기 위해 배우고, 아이폰을 쓰기 위해 배우고, 트윗을 하기 위해 배우고...끝이 없구나...ㅡㅡ;;


<script type="text/javascript">
var elapsedTime = function(createdAt) {
    var ageInSeconds = (new Date().getTime() - new Date(createdAt).getTime()) / 1000;
    var s = function(n) { return n == 1 ? '' : 's' };
    if (ageInSeconds < 0) {
        return '방금 전';
    }
    if (ageInSeconds < 60) {
        var n = ageInSeconds;
        return n + '초 전';
    }
    if (ageInSeconds < 60 * 60) {
        var n = Math.floor(ageInSeconds/60);
        return n + '분 전';
    }
    if (ageInSeconds < 60 * 60 * 24) {
        var n = Math.floor(ageInSeconds/60/60);
        return n + '시간 전';
    }
    if (ageInSeconds < 60 * 60 * 24 * 7) {
        var n = Math.floor(ageInSeconds/60/60/24);
        return n + '일 전';
    }
    if (ageInSeconds < 60 * 60 * 24 * 31) {
        var n = Math.floor(ageInSeconds/60/60/24/7);
        return n + '주 전';
    }
    if (ageInSeconds < 60 * 60 * 24 * 365) {
        var n = Math.floor(ageInSeconds/60/60/24/31);
        return n + '개월 전';
    }
    var n = Math.floor(ageInSeconds/60/60/24/365);
    return n + '년 전';
}
// Make date parseable in IE [Jon Aquino 2007-03-29]
function fixDate(d) {
    var a = d.split(' ');
    var year = a.pop();
    return a.slice(0, 3).concat([year]).concat(a.slice(3)).join(' ');
}
function twitterCallback(obj) {
    var html = '';
    for (var i = 0; i < 10; i++) {
      html += '<li>' + obj[i].text + ' (' + elapsedTime(fixDate(obj[i].created_at)) + ')</li>';
    }
    document.getElementById('twitter_list').innerHTML = html;
}
</script>
<h3 onClick="javascript:toggle_visible('sidetweet');"><a>RECENT TWEET</a></h3>
<div class="recentPost" id="sidetweet"><ul style="list-style-type:none" id="twitter_list"></ul></div>
<div style="text-align: right;"><a title="[http://twitter.com/iambongsu]로 이동합니다." target="_blank" href="http://twitter.com/iambongsu">J's Twitter</a></div>
<script type="text/javascript" src="http://www.twitter.com/statuses/user_timeline/iambongsu.json?callback=twitterCallback&count=10"></script>