javascript - 關於定時器裡面n次數不增加怎麼辦

Question

裡面的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();
    }
}

Answer 1

綁定事件裡面先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);
        });

Answer 2

其實你這個思路基本上已經很清楚了，只是在細節上還有點邏輯不清。例如 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);
    }
}

Answer 3

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