Javascript setInterval can be used to make repeated calls to a function or code with fixed interval. If there is a possibility that function logic can take longer that interval (it may happen in AJAX calls), it is better to use setTimeout.
Usage:
// delay in milliseconds var intervalID = window.setInterval(func, delay[, param1, param2, ...]); var intervalID = window.setInterval(code, delay); window.clearInterval(intervalID)
Here is an example where a function will update time in a specified div. We’ll use setInterval with 1 second interval to run the function periodically. If user clicks on stop button, the clearTimeout call is made.
<div id="id1"></div> <button onclick="clearTimeout(intervalId);">stop</button> <script type="text/javascript"> // execute every 1000 milliseconds var intervalId = setInterval(update, 1000); function update() { document.querySelector("#id1").innerHTML = (new Date()).toLocaleTimeString(); } </script>