javascript - How to stop a function after ten seconds? - Stack Overflow

admin管理员组

文章数量:1387455

I found this piece of code while trying to find out a way to load a reddit page so that I can use ctrl + f to find a specific post. The problem is that it just keeps scrolling down and loading the pages. I need to find a way to stop it after 10 seconds so that I can take a look at what I loaded. Also I don't know any javascript so I couldn't really find anythig that would help me.

Here is the code

var lastScrollHeight = 0;
function autoScroll() {
  var sh = document.documentElement.scrollHeight;
  if (sh != lastScrollHeight) {
    lastScrollHeight = sh;
    document.documentElement.scrollTop = sh;
  }
}
window.setInterval(autoScroll, 100);

I just paste that into the firefox console.

I found this piece of code while trying to find out a way to load a reddit page so that I can use ctrl + f to find a specific post. The problem is that it just keeps scrolling down and loading the pages. I need to find a way to stop it after 10 seconds so that I can take a look at what I loaded. Also I don't know any javascript so I couldn't really find anythig that would help me.

Here is the code

var lastScrollHeight = 0;
function autoScroll() {
  var sh = document.documentElement.scrollHeight;
  if (sh != lastScrollHeight) {
    lastScrollHeight = sh;
    document.documentElement.scrollTop = sh;
  }
}
window.setInterval(autoScroll, 100);

I just paste that into the firefox console.

• javascript
• timeout
• settimeout

Share Improve this question Follow edited Dec 15, 2018 at 23:20 Lemmy 2,57511 gold badge2626 silver badges3232 bronze badges asked Dec 15, 2018 at 19:07 leoleo 3311 silver badge33 bronze badges 2

• use setTimeout instead of setInterval – Code Maniac Commented Dec 15, 2018 at 19:13
• Wele! Really well-formed first question! +1 / Tip: You can include runnable JavaScript/CSS/HTML code using the code snippet button instead of the simple code block format. – Pinke Helga Commented Dec 15, 2018 at 19:29

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 3

To stop the interval after a certain amount of time use a setTimeout() that calls clearInterval(). Here's a simplified version (with the time reduced to 1 second for demo purposes) that should help:

function autoScroll(){
  console.log("running")
}

// save a reference to the interval handle
let interval = window.setInterval(autoScroll, 100);

// cancel interval after 1 second (1000 ms)
setTimeout(() => clearInterval(interval), 1000)

The setInterval() function returns an ID, which you can use to stop it. Just put it in setTimeout() method like this:

var myInterval = setInterval(autoscroll, 100);
setTimeout(function(){ clearInterval(myInterval); }, 10000);

You will simply need to call clearInterval on your looped function to stop it after using a setTimeout set to 10 seconds, here is how you can implement it :

var lastScrollHeight = 0;
function autoScroll() {
    var sh = document.documentElement.scrollHeight;
    if (sh != lastScrollHeight) {
        lastScrollHeight = sh;
        document.documentElement.scrollTop = sh;
    }
}
const interval = window.setInterval(autoScroll, 100);
window.setTimeout(() => {clearInterval(interval)}, 10000);

....
var intervalID = window.setInterval(autoScroll, 100);

setTimeout(function(){
    clearInterval(intervalID);
}, 10000);

You can use setTimeout to call the function until 10s are up.

Here's an immediately-invoked function that calls itself every 100th sec until 10s has been reached.

(function autoScroll(t) {
  t = t || 0;
  if (t < 10000) {
    console.log(t);
    setTimeout(autoScroll, 100, t += 100);
  }
})();

本文标签： javascriptHow to stop a function after ten secondsStack Overflow