SetInterval不重復執行功能

Question

我有這樣的js結構：

var intervalID;

function counterUpdater(){
    intervalID = setInterval(ajax_counter_upload(),10000);  
}
function ajax_counter_upload(){
    $.ajax({
        type: "POST",
        url: "plan/counter.php",
        data: {tipo:'BP'},
        success: function(data){
            $("#spinner_msg").fadeTo(200,0.1,
                function(){
                    $(this).html(data);
                    $(this).fadeTo(900,1);
                });
        }
    });
}
function ajax_submit(){
    var submit_val=$("#stato").serialize();
    dest="plan/new_bp1.php";
    $.ajax({
        type: "POST",
        url: dest,
        data: submit_val,
        success: function(data){ 
            data1=data.split("|");
            if(data1[0]=="Successo"){ 
                $("#spnmsg").fadeTo(200,0.1,
                    function(){$(this).removeClass().addClass("spn_success").html(data1[1]).fadeTo(900,1)});
                }else if(data1[0]=="Errore"){
                    $("#spnmsg").fadeTo(200,0.1,
                    function(){$(this).removeClass().addClass("spn_error").html(data1[1]).fadeTo(900,1)});  
                }
        },
        complete: function(){
            clearInterval(intervalID);
            setTimeout(function(){ $('.container').load('plan/home.php');},2000); 
        }
    });
    setTimeout(function(){counterUpdater();},2000);
}

目標是在ajax_submit啟動時每10秒運行一次counter_updater，在ajax_submit結束時停止它。

我現在得到的是只運行一次counter_updater。 我究竟做錯了什么？

Answer 1

setInterval調用中有一個錯誤：（預期的）回調函數名稱后帶有括號，這意味着該函數實際上被調用了一次，而setInterval僅獲得返回值（在這種情況下為空）。

只需刪除括號：

intervalID = setInterval(ajax_counter_upload, 10000);
//                                         ^^