首先,抱歉任何不好的英语,因为它不是我的主要语言。
我在使用Javascript时遇到了一些麻烦。几分钟后,某个文件会使我的浏览器崩溃(无论是Chrome,Firefox还是IE)。
$().ready(function() {
timeAgo();
});
function timeAgo() {
$('time.time-ago').each(function() {
//Get datetime from the attribute
var ago = $(this).attr('datetime');
//Split it so we can convert it to a Date object as Firefox doesn't allow raw input
var spl = ago.split(' ');
var date = spl[0].split('-');
var time = spl[1].split(':');
//Convert to object
ago = new Date(date[0],date[1]-1,date[2],time[0],time[1],time[2]);
//Get current date
var now = new Date();
//Calculate difference in days
var days = dayYear(now) - dayYear(ago);
if(days < 0) days += 365;
var out = '';
//Get the propper string
if(days > 0) {
if(days == 1) {
out = 'Gisteren';
}else if(days < 7) {
out = days +' dagen geleden';
}else if(days < 14) {
out = 'Een week geleden';
}else{
out = ago.toLocaleDateString('nl-nl',{day: "numeric",month: "short",year: "numeric"});
}
}else{
var dif = Math.round((now - ago)/1000);
if(dif < 10) {
out = 'Zojuist';
}else if(dif < 60) {
out = 'Enkele seconden geleden';
}else if(dif < 120) {
out = 'Een minuut geleden';
}else if(dif < 60 * 60) {
out = Math.floor(dif/60)+' minuten geleden';
}else if(dif < 60 * 60 * 2) {
out = 'Een uur geleden';
}else{
out = Math.floor(dif/60/60)+' uur geleden';
}
}
$(this).html(out);
});
setInterval(function(){timeAgo()},10000);
}
function dayYear(now) {
var first = new Date(now.getFullYear(),0,1);
var day = Math.round(((now - first) / 1000 / 60 / 60 /24) + 0.5);
return day;
}
我用以下代码调用它。
<time datetime="2013-05-12 19:12:15"></time>
提前致谢。
答案 0 :(得分:3)
原因是你一直在每个循环中调用setInterval
。
您应该使用setTimeout
代替(或只拨打setInterval
一次)
不同之处在于setInterval
每x毫秒执行一次。
setTimeout
在x毫秒(一次)之后执行给定的代码。
由于你在setInterval
方法中调用了timeAgo
,过了一段时间你会有很多计时器在运行,所有产生新计时器和计时器的数量都会呈指数级增长,最终导致崩溃