JavaScript OR jQuery functions to show a result after 20 sec

Question

How to run javascript/Jquery functions on user specific time scenario its so simple when i click HTML button the result will be show after 20 sec

<script>
function setTime(){
   alert("Ok");
}
</script>

<input type ="button" onclick="setTime()" value="Click">

Jquery SetInterval,Delay function i don't know how do i implement this please help me out or helps are definitely appreciated

Have you done *any* research? A simple Google search gave me http://ajaxian.com/archives/delaying-javascript-execution There are also [some](http://stackoverflow.com/questions/5372106/delay-javascripts-function-execution) [related](http://stackoverflow.com/questions/3879768/best-way-to-put-delay-after-calling-javascript-functions) [SO questions](http://stackoverflow.com/questions/3301398/how-to-add-delay-before-calling-next-call-back-function-in-jquery). — Felix Kling, Apr 02 '12 at 14:59
when i was search this logic in google i found Jquery delay function but i didn't understand how do i implement this logic with delay — Query Master, Apr 02 '12 at 15:04
@Rocket: You can use it with other functions/queues too, but `setTimeout` is just simpler. That's also explicitly mentioned in the [documentation](http://api.jquery.com/delay/). — Felix Kling, Apr 02 '12 at 15:07

score 3 · Answer 1 · answered Apr 02 '12 at 15:01

3

What you are looking for is setTimeout:

Executes a code snippet or a function after specified delay.

For example:

function setTime(){
  window.setTimeout(
      function() {
          // Your code here...
      },
      20 * 1000);
}

answered Apr 02 '12 at 15:01

Justin Ethier

131,333
52
229
284

Thanx for sharing your experience with me – Query Master Apr 02 '12 at 15:26

score 2 · Accepted Answer · answered Apr 02 '12 at 14:58

2

Use setTimeout if you want to execute anything after certain delay and use setInterval if you want to execute some piece of code after every interval with some delay.

In your case setTimeout fits the best. Try this.

function setTime(){
   setTimeout(function(){
      alert("Ok");
   }, 20 * 1000);//provide the delay in milliseconds
}

answered Apr 02 '12 at 14:58

ShankarSangoli

69,612
13
93
124

Thanx for sharing your experience with me – Query Master Apr 02 '12 at 15:26

score 2 · Answer 3 · edited Apr 02 '12 at 15:03

2

<script>
$(document).ready(function(){
   setTimeout(setTime, 20000);
   function setTime(){ 
      alert("Ok"); 
   }   
});
</script>

edited Apr 02 '12 at 15:03

Felix Kling

795,719
175
1,089
1,143

answered Apr 02 '12 at 14:59

aKzenT

7,775
2
36
65

1

Please don't pass strings to `setTimeout`, it uses `eval`. – gen_Eric Apr 02 '12 at 14:59
@Yoshi: Maybe, but it's just my instinct to want to fix "bad" code. :-P – gen_Eric Apr 02 '12 at 15:01
1

It was not only "bad" code, it was "not working" code. Strings are evaluated in global scope and `setTime` is not global. – Felix Kling Apr 02 '12 at 15:02
1

hehe, I wanted to fix it and saw it's already fixed, thx anyway. I appreciate the comment. – aKzenT Apr 02 '12 at 15:02
@FelixKling: I didn't actually realize that. :-P – gen_Eric Apr 02 '12 at 15:03
1

@Rocket that may be so. Nonetheless I don't think it's the right thing to do. A comment is enough to point out an error. – Yoshi Apr 02 '12 at 15:04
@Yoshi the whole point of being able to edit other people's posts is to fix errors – Esailija Apr 02 '12 at 15:06
1

@Esailija If there is an error, yes. Though aside from indirect error Felix pointed out, the first edit was because of a subjective dislike for a specific usage of a function. This is what I believe to be an improper edit. – Yoshi Apr 02 '12 at 15:13
@aKzenT Thanx for sharing your experience with me – Query Master Apr 02 '12 at 15:26

score 1 · Answer 4 · answered Apr 02 '12 at 14:58

1

setTimeout(func, delay);

The 1st parameter is the function you want to run, the 2nd is the delay (in milliseconds).

DOCS: https://developer.mozilla.org/en/DOM/window.setTimeout

answered Apr 02 '12 at 14:58

gen_Eric

223,194
41
299
337

Thanx for sharing your experience with me @Rocket – Query Master Apr 02 '12 at 15:26

JavaScript OR jQuery functions to show a result after 20 sec

4 Answers4