Databases
StackOverflow2013
Postsdbo
POMake sure a specific setInterval function instance is running only once
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMake sure a specific setInterval function instance is running only once
    text
    copied!<p>I'm working on a div (parent) that has two other divs (menu and content) as follow:</p> <pre><code>&lt;div id="parent"&gt; &lt;div id="menu"&gt;&lt;/div&gt; &lt;div id="content"&gt;&lt;/div&gt; &lt;/div&gt; </code></pre> <p>The content loaded in content div is an html file that has a few javascript functions, such as an auto-refresh that reloads its content every 5 seconds.</p> <pre><code>$(document).ready(function () { setInterval(function () { grid.reloadDefaultContent(); //this reloads the content on content div. }, 5000); } </code></pre> <p>There are some links on the page that load differents content into the content div. So far so good, until I go back to "home," which has the auto-refresh function. The problem is that the auto-refresh never stopped, and now that I clicked to go to home again, the function is running twice (or how many times I change the page and come back to home), putting session upon. I'm loading pages using jQuery <code>$.load()</code>.</p> <p>Any ideas on how I can make that instance of setInterval runs only once?</p> <p><em>Edit: after reading my own question I saw that it was a bit unclear. My main problem is that when I go back to home, my first instance of the setInterval is already running, and a second starts, making the auto-refresh that was 5 seconds go faster, and it'll go faster and faster every time I change the page and go back to home. This is not the behavior I want. What I need is to STOP the instance of setInterval when I change the content on the div, and restart it when I go back to home.</em></p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload