JQuery, setTimeout not working

by

You’ve got a couple of issues here.

Firstly, you’re defining your code within an anonymous function. This construct:

(function() {
  ...
)();

does two things. It defines an anonymous function and calls it. There are scope reasons to do this but I’m not sure it’s what you actually want.

You’re passing in a code block to setTimeout(). The problem is that update() is not within scope when executed like that. It however if you pass in a function pointer instead so this works:

(function() {
  $(document).ready(function() {update();});

  function update() { 
    $("#board").append(".");
    setTimeout(update, 1000);     }
  }
)();

because the function pointer update is within scope of that block.

But like I said, there is no need for the anonymous function so you can rewrite it like this:

$(document).ready(function() {update();});

function update() { 
  $("#board").append(".");
  setTimeout(update, 1000);     }
}

or

$(document).ready(function() {update();});

function update() { 
  $("#board").append(".");
  setTimeout('update()', 1000);     }
}

and both of these work. The second works because the update() within the code block is within scope now.

I also prefer the $(function() { ... } shortened block form and rather than calling setTimeout() within update() you can just use setInterval() instead:

$(function() {
  setInterval(update, 1000);
});

function update() {
  $("#board").append(".");
}

Hope that clears that up.

More Related Contents:

  1. setTimeout / clearTimeout problems
  2. Maximum call stack size exceeded on SetTimeout recursive function (Javascript) [duplicate]
  3. How to tell .hover() to wait?
  4. How to test a function which has a setTimeout with jasmine?
  5. stop settimeout in recursive function
  6. Why does everything display at once, using setTimeout in Javascript?
  7. jQuery multiply vars inside value [duplicate]
  8. How to disable browser reload button on mouse click
  9. Jquery if statement with two class conditions [closed]
  10. How to check if element is visible after scrolling?
  11. Why use jQuery on() instead of click()
  12. Can jQuery provide the tag name?
  13. Convert MySql DateTime stamp into JavaScript’s Date format
  14. Load image with jQuery and append it to the DOM
  15. Where is jQuery.data() stored?
  16. How to dynamically modify in materialize css framework
  17. Converting a recursive function into an asynchronous CPS implementation (javascript)
  18. How to read line by line of a text area HTML tag
  19. Is there a way using Jquery to detect the back button being pressed cross browsers
  20. Get largest value in multi-dimensional array javascript or coffeescript
  21. Capture event onclose browser
  22. Looping through jQuery Deferreds after all promises have been called
  23. What does ” [native code] ” mean?
  24. Proper way to detect WebGL support?
  25. JQuery UI Tabs Causing Screen to “Jump”
  26. How to get an element by its href in jquery?
  27. How to negate code in “if” statement block in JavaScript -JQuery like ‘if not then..’
  28. jQuery $.ajax(), pass success data into separate function
  29. jQuery InnerText not including sub element
  30. Looping through Markers with Google Maps API v3 Problem

Leave a Comment