blog/source/javascripts/twitter.js

92 lines
2.6 KiB
JavaScript
Raw Normal View History

2012-06-03 11:40:57 +00:00
(function($){
$.fn.getTwitterFeed = function(userid, count, reply){
var banner = $(this),
feed = banner.find('.feed'),
interval = 10000,
speed = 500;
var linkify = function(text){
text = text.replace(/(https?:\/\/)([\w\-:;?&=+.%#\/]+)/gi, '<a href="$1$2">$2</a>').replace(/(^|\W)@(\w+)/g, '$1<a href="http://twitter.com/$2">@$2</a>').replace(/(^|\W)#(\w+)/g, '$1<a href="http://search.twitter.com/search?q=%23$2">#$2</a>');
return text;
}
var relativeDate = function(date){
if (navigator.appName === 'Microsoft Internet Explorer') return '';
var unit = {
now: 'Now',
minute: '1 min',
minutes: ' mins',
hour: '1 hr',
hours: ' hrs',
day: 'Yesterday',
days: ' days',
week: '1 week',
weeks: ' weeks'
};
var current = new Date(),
tweet = new Date(date),
diff = (((current.getTime() + (1 * 60000)) - tweet.getTime()) / 1000),
day_diff = Math.floor(diff / 86400);
if (day_diff == 0){
if (diff < 60) return unit.now;
else if (diff < 120) return unit.minute;
else if (diff < 3600) return Math.floor(diff / 60) + unit.minutes;
else if (diff < 7200) return unit.hour;
else if (diff < 86400) return Math.floor(diff / 3600) + unit.hours;
else return '';
} else if (day_diff == 1) {
return unit.day;
} else if (day_diff < 7) {
return day_diff + unit.days;
} else if (day_diff == 7) {
return unit.week;
} else if (day_diff > 7) {
return Math.ceil(day_diff / 7) + unit.weeks;
} else {
return '';
}
}
if ($(window).width() > 600){
var url = 'https://api.twitter.com/1/statuses/user_timeline/'+userid+'.json?count='+count+'&exclude_replies='+(reply ? '0' : '1')+'&trim_user=true&callback=?';
banner.show();
$.getJSON(url, function(json){
var length = json.length,
fragment = document.createDocumentFragment(),
counts = 0,
timeout;
for (var i=0; i<length; i++){
var item = document.createElement('li');
item.innerHTML = linkify(json[i].text) + '<small>'+relativeDate(json[i].created_at)+'</small>';
fragment.appendChild(item);
}
var play = function(){
timeout = setTimeout(function(){
feed.animate({top: '-='+30}, speed, function(){
$(this).append($(this).children().eq(counts).clone());
counts++;
play();
});
}, interval);
}
var pause = function(){
clearTimeout(timeout);
}
banner.on('mouseenter', pause).on('mouseleave', play)
.children('.loading').hide().end()
.children('.container').show()
.children('.feed').append(fragment);
play();
});
}
};
})(jQuery);