To delay JavaScript function call using jQuery

Question

JavaScript    document  ready function             function sample            alert  quot This is sample function quot                   quot  button quot   click function            t   setTimeout  quot sample   quot  2000                         HTML   lt input type  quot button quot  id  quot button quot  value  quot Call sample function with delay quot  gt   Once I click the button  sample   function is not called with a delay of 2 seconds  I don t know what s wrong  How to call JavaScript function using setTimeout   via jQuery

User · Accepted Answer

Since you declare sample inside the anonymous function you pass to ready  it is scoped to that function   You then pass a string to setTimeout which is evaled after 2 seconds  This takes place outside the current scope  so it can t find the function   Only pass functions to setTimeout  using eval is inefficient and hard to debug   setTimeout sample 2000

User · Answer

Very easy  just call the function within a specific amount of milliseconds using setTimeout    setTimeout myFunction  2000   function myFunction         alert  Was called after 2 seconds        Or you can even initiate the function inside the timeout  like so   setTimeout function         alert  Was called after 2 seconds       2000

User · Answer

function sample         alert  This is sample function         function             button   click function             setTimeout sample  2000                  jsFiddle   If you want to encapsulate sample   there  wrap the whole thing in a self invoking function  function

[javascript] To delay JavaScript function call using jQuery

Examples related to javascript

Examples related to jquery