Question

对于我的生活，如果它们存在，我无法弄清楚如何清除数组中的超时。

我有一个单页应用（SPA）网站（http://www.rock3t.ca/），每次点击＆＃34; Home＆＃34;非常快，似乎没有取消超时。访问该网站，您将看到中心标识下的标语以非常快的速度变化然后放慢速度。点击＆＃34; Home＆＃34;多次快速了解它的反应。它还没有清除，你会发现光点。

//slogans
function loadSlogans(){

    //slogan timeouts
    var sloganTimeouts = [];

    //slogans
    var slogans = ['Websites', 'Apps', 'Media', 'Code', 'SEO', 'CRM','Ads','Flyers','Logos','Games','Streams','Web','Websites', 'Apps', 'Media', 'Code', 'SEO', 'CRM','Ads','Flyers','Logos','Games','Streams','Web'];

    var sloganTime = 100;
    var sloganTimeFade = 0;
    var slogans_length = slogans.length;
    var sloganHalfTime = slogans_length / 2;

    //clear slogan timeouts
    $(slogans).each(function(i){

        //clear timeout if exists
        if(typeof sloganTimeouts[i] !== "undefined"){
          clearTimeout(sloganTimeouts[i]);
        }
    });

    //slogan timeout
    function runSloganTimeout(i) {

        //easing out time when half way
        if(i > sloganHalfTime){
            sloganTimeFade++;
            sloganTime = (i * 100) + (sloganTimeFade * 100) * (sloganTimeFade / 4);
        }else{
            sloganTime = i * 100;
        }

        //set timeouts
        sloganTimeouts[i] = setTimeout(function(){

            //append slogans
            $('#slogan span').html(slogans[i]);

        },sloganTime);
    }

    //each slogan
    $(slogans).each(function(i){

        //run
        runSloganTimeout(i);
    });
}

由于

Answer 1

它已经清除，但之前的过程还没有结束，所以你不会清除所有即将到来的超时。解决方案之一：添加 processId 全局变量并中断上一个过程。看我的例子： Plunker

var processId = 0;

//slogans
function loadSlogans(){

    processId++;

    var selfProcessId = processId;

    //slogan timeouts
    ...
    //slogans
    ...
    //clear slogan timeouts
    ...

    //slogan timeout
    function runSloganTimeout(i) {
        //easing out time when half way
        ...
        //set timeouts
        sloganTimeouts[i] = setTimeout(function(){
            //append slogans
            if( selfProcessId == processId )
                $('#slogan span').html(i+slogans[i]);

        },sloganTime);
    }

    //each slogan
    $(slogans).each(function(i){

        //run
        if( selfProcessId == processId )
            runSloganTimeout(i);
    });
}

如果存在，则清除阵列中的超时

1 个答案: