You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
2.6 KiB
JavaScript
92 lines
2.6 KiB
JavaScript
(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); |