1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
(function($){
var banner = $('#banner'),
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: '現在',
minute: '1 分鐘前',
minutes: ' 分鐘前',
hour: '1 小時前',
hours: ' 小時前',
day: '昨天',
days: ' 天前',
week: '1 週前',
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 '';
}
}
banner.show();
$.getJSON('http://twitter.com/status/user_timeline/tommy351.json?count=10&callback=?', 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);
|
