javascript - 如何创建一个内部包含clearInterval的函数setInterval？

Question

我有一个应用程序，必须在发生某些事件后将用户发送到主页。为此，我使用了这段效果很好的代码:

var waitime = 1000;
var handle=setInterval(function () {  
        $('.wrapper').html(divResp);
        $('body').append(js);
        clearInterval(handle);   
    }, waitime);

但我试图创建一个要调用的函数，而不是每次都复制代码。因此，经过一番研究setInterval and how to use clearInterval和 clearInterval outside of method containing setInterval我创建了这个:

function refreshToHomePage3(handle,waitime){
     return setInterval(function () {  
                    $('.wrapper').html(divResp);
                    $('body').append(js);
                    clearInterval(handle);   
                  }, waitime);
}    

问题是当调用函数时，如下所示:

var refreshIntervalId=refreshToHomePage3(refreshIntervalId,waitime);

我有一个无限循环。我已经使用 setTimeout 而不是 setInterval 解决了这个问题，并且该函数变得像这样:

function refreshToHomePage2(waitime){
     setTimeout(function () {  
           $('.wrapper').html(divResposta);
           $('body').append(js); 
     }, waitime);
} 

但我想知道如何使用 setInterval 和clearInterval 解决问题。有什么想法吗？

Answer 1

这里首选

setTimeout。但是你可以像这样使用 setInterval ..

function refreshToHomePage3(handle,waitime){
     handle = setInterval(function () {  
                    $('.wrapper').html(divResp);
                    $('body').append(js);
                    clearInterval(handle);   
                  }, waitime);
     return handle;
}   

<小时/>

实际上不需要将句柄变量传递到函数中。

function refreshToHomePage3(waitime){
     var handle = setInterval(function () {  
                    alert("called after waitime");
                    clearInterval(handle);   
                  }, waitime);
     return handle;
}   

var handle = refreshToHomePage3(5000);