浏览器不断崩溃某些Javascript文件

时间:2013-05-13 21:05:49

标签: javascript jquery date browser

首先,抱歉任何不好的英语,因为它不是我的主要语言。

我在使用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>

提前致谢。

1 个答案:

答案 0 :(得分:3)

原因是你一直在每个循环中调用setInterval

您应该使用setTimeout代替(或只拨打setInterval一次)

不同之处在于setInterval每x毫秒执行一次。 setTimeout在x毫秒(一次)之后执行给定的代码。

由于你在setInterval方法中调用了timeAgo,过了一段时间你会有很多计时器在运行,所有产生新计时器和计时器的数量都会呈指数级增长,最终导致崩溃