如何在一定间隔内重新执行功能？

Question

I'm developing a Chrome extension and it needs to run a function in a fixed period of time so it can work with dynamic pages.

I have used setInterval but it only executed the function once, and if it were modified to the following:

function sumfunc(){
    document.body.innerHTML = dosumthin(document.body.innerHTML,false);
    setInterval(sumfunc(),1000);
}

It would lag the page while filling the call stack and making it seem like the page never finishes loading.

Answer 1

Remove () :

setTimeout(sumfunc,1000);

---

setTimeout() 's first argument takes a function definition, not an execution of one.

As your executing sumfunc inside sumfunc , this will cause immediate infinite recursion, which will potentially cause a stack overflow, as you have described.

---

Therefore replace your code with the following:

function sumfunc(){
    document.body.innerHTML = dosumthin(document.body.innerHTML,false);
    setTimeout(sumfunc,1000);
}

Answer 2

Just use setInterval instead:

function sumfunc(){
 document.body.innerHTML = dosumthin(document.body.innerHTML,false);
}
window.setInterval(sumfunc,1000);

Answer 3

The page lags because every time the timout starts it will call the timeout again. You have to set the timeout outside of the function like this:

setInterval(sumfunc,1000);
function sumfunc(){
    document.body.innerHTML = dosumthin(document.body.innerHTML,false);
}

Answer 4

You need an interval rather than a timeout.

function sumfunc(){
    document.body.innerHTML = dosumthin(document.body.innerHTML,false);
}

setInterval(sumfunc, 1000);