Call JavaScript function after 1 second One Time

javascript setinterval
BLK Horizon picture BLK Horizon · May 30, 2014 · Viewed 33.6k times · Source

I have successfully managed to make a div hide on click after 400 milliseconds using a setInterval function. My issue is that it runs continually, I only need the function to execute once. After a quick search I discovered that the setInterval can be stopped by clearInterval. Am I using this incorrectly? The closeAnimation function is being executed on click. I modelled my code after the code on this page: http://www.w3schools.com/jsref/met_win_setinterval.asp

function closeAnimation() {
    setInterval(function(){hide()}, 400);
    clearInterval(stopAnimation);
}

var stopAnimation = setInterval({hide()}, 400);

Answer

Carl Markham picture Carl Markham · May 30, 2014

If it needs to run just once you can use setTimeout

setTimeout(function () {
  console.log('Hello world')
}, 1000)

setTimeout(() => {
  console.log('Foo bar')
}, 1000)

Related questions

Stop setInterval call in JavaScript

I am using setInterval(fname, 10000); to call a function every 10 seconds in JavaScript. Is it possible to stop calling it on some event? I want the user to be able to stop the repeated refresh of data.

Read More
Calling a function every 60 seconds

Using setTimeout() it is possible to launch a function at a specified time: setTimeout(function, 60000); But what if I would like to launch the function multiple times? Every time a time interval passes, I would like to execute the function (…

Read More
setTimeout or setInterval?

As far as I can tell, these two pieces of javascript behave the same way: Option A: function myTimeoutFunction() { doStuff(); setTimeout(myTimeoutFunction, 1000); } myTimeoutFunction(); Option B: function myTimeoutFunction() { doStuff(); } myTimeoutFunction(); setInterval(myTimeoutFunction, 1000); Is there any difference between using setTimeout and setInterval?

Read More