How can clear this setInterval?

Question

start.on('click', function(){
  setInterval(time, 1000);

  object.animate({ marginTop: '500px' }, 3000, function () {
    normaal.fadeIn(700);
  });
});


function time() {
  change.textContent = Number(change.textContent) + 50;
}

How excatly can I stop (clear) this setInterval. I want it to automatically start after 3000 miliseconds once the even has been called.

score 2 · Answer 1 · answered Feb 13 '17 at 22:06

You can make use of the clearInterval method.

var intervalID = setInterval(time, 1000);

The returned value of setInterval is a numeric, non-zero value which identifies the timer created by the call to setInterval(); this value can be passed to WindowOrWorkerGlobalScope.clearInterval() to cancel the timeout.

and then to clearInterval, pass the intervalID like clearInterval(intervalID);

Also, setInterval calls the callback repeatedly, if you need to execute a code block only once then use setTimeout instead.

score 1 · Accepted Answer · answered Feb 13 '17 at 22:07

1

setInterval keeps calling the method over and over. What you want is to use setTimeout instead, which will call the method once (and only once) after waiting the specified period of time. You can use clearTimeout if you want to prevent a setTimeout call from executing.

setTimeout(time, 3000);

answered Feb 13 '17 at 22:07

Matthew Herbst

29,477
23
85
128

Thank you! Do you also happen to know how can make the animation go faster by the second. Just like gravity I want the animation to speed up with time. – user7548524 Feb 13 '17 at 22:28
You should ask that as a separate question since then you'll get more/better answers. I can't say I know too much about animation, sorry. – Matthew Herbst Feb 13 '17 at 22:32

score -1 · Answer 3 · edited Feb 13 '17 at 22:25

-1

var interval;

start.on('click', function () {
  interval = setInterval(time, 1000);

  object.animate({ marginTop:'500px' }, 3000, function () {
    normaal.fadeIn(700);
  });
});


function time() {
  change.textContent = Number(change.textContent) + 50;
}

function stop() {
  clearInterval(interval);
}

edited Feb 13 '17 at 22:25

Mindsers

662
8
25

answered Feb 13 '17 at 22:06

Malo Guertin

307
2
16

How can clear this setInterval?

3 Answers3