javascript - 關於定時器裡面n次數不增加怎麼辦
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-06-12 09:32:09
0
3
758

裡面的n次數不增加不知道是什麼原因,還有就是執行了三次以後怎麼清除執行。

var firstShow = 1000;
var secondShow = 5000;
var threeShow = 10000;

setTimeout(openMpM, firstShow);
function openMpM() {
    $("#swtCenter2").fadeIn(1000);
}

var n = 0;
function closeM(n) {
    $("#swtCenter2").fadeOut(1000);
    setTimeout(openMpM, 50000);
    n = n++;
    if (n == 1) {
        setTimeout(openMpM, secondShow);
    }
    if (n == 2) {
        setTimeout(openMpM, threeShow);
    }
    if (n == 3) {
        clearTimeout();
    }
}
曾经蜡笔没有小新
曾经蜡笔没有小新

全部回覆(3)
代言

綁定事件裡面先n++再執行closeM(n),closeM(n)裡面的n=n++要去掉。

    $("#swtCenter2").on('click',function(){
            n=n+1
            closeM(n)
        });

第三次直接if (n==3) {$("#swtCenter2").fadeOut(1000);}就行了
或這樣

        var n=0;
        function closeM() {
        $("#swtCenter2").fadeOut(1000);
        n=n+1;
        return function (n){
            console.log(n)
            if(n==1){setTimeout(openMpM,secondShow);
            }
            if(n==2){setTimeout(openMpM,threeShow);
            }
            if(n==3){$("#swtCenter2").fadeOut(1000);}}
        }
        $("#swtCenter2").on('click',function(){
            closeM()(n);
        });
小葫芦

其實你這個思路基本上已經很清楚了,只是在細節上還有點邏輯不清。例如 setTimeout(openMpM, 50000); 這句話會在每次 closeM() 的時候執行,與 n 值無關。

另外 n = n++ 不會改變 n 值,它相當於

var t = n;
n++;
n = t;

下面是我修改後的程式碼,這個問題和你另外問的那個是同一個,我就不去那邊回答了。

var firstShow = 1000;
var secondShow = 5000;
var threeShow = 10000;

// 定义成数组,便于按序号取用
var showTimes = [firstShow, secondShow, threeShow];

setTimeout(openMpM, firstShow);
function openMpM() {
    $("#swtCenter2").fadeIn(1000);
}

var n = 0;
function closeM(n) {
    $("#swtCenter2").fadeOut(1000);

    // 取出需要等待的时间,并 n + 1
    // 你用的 n = n++ 实际并不会改变 n 值
    var time = showTimes[n++];

    if (!time) {
        // 未取到 time 值,说明 3 个时间已用完
        // 重置 n 并且不再延时打开
        n = 0;
    } else {
        setTimeout(openMpM, time);
    }
}
大家讲道理

n = n++;
由於n算符優先級,所以n沒有改變
所以應該直接 ++n;

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板