How can I delay javascript from running

Question

I have a script that I would like to delay from running for 2 seconds maybe 3 then execute, at the moment I use document.ready is there a way to add a time value so its still document.ready but add 3 seconds.

$(document).ready(function() {
   function bikepass2(){
     bike.css('left', startPos);
     bike.animate({left: -450}, 8000, 'linear')
   };

    var screenWidth = $(document).width();
    var startPos = screenWidth;
    var bike = $('#bike2')
    bikepass2();
    setInterval(function() {
      bikepass2();
    }, 15000);
  });

edonbajrami · Accepted Answer · 2014-01-07 12:48:40Z

2

Add the function inside a setTimeout. http://www.w3schools.com/jsref/met_win_settimeout.asp. In the time add 3000 for 3 seconds.

setTimeout( function() 
{
    //add the function that you want to execute after 3 seconds

}, 3000);

edited Jan 7, 2014 at 12:48

answered Jan 7, 2014 at 12:36

edonbajrami

2,21625 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

MysticMagicϡ · Accepted Answer · 2014-01-07 12:38:27Z

2

Try this:

setTimeout( function() 
{
    //do something special
}, 3000);

Put in inside document.ready()

Hope it helps.

answered Jan 7, 2014 at 12:38

MysticMagicϡ

28.8k16 gold badges77 silver badges126 bronze badges

Comments

Daniel Müller · Accepted Answer · 2014-01-07 12:39:23Z

1

Javascript has no sleep() function, which causes the script to pause.

But you can use .setTimeout() to run a method delayed:

window.setTimeout(myFunc(), 1000);

answered Jan 7, 2014 at 12:39

Daniel Müller

4211 gold badge6 silver badges19 bronze badges

Collectives™ on Stack Overflow

How can I delay javascript from running

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related