jQuery setInterval() Function Example in JavaScript

By: Suresh Dasari Feb 25, 2013

Introduction:

Here I will explain how to use jQuery setInterval function with example. jQuery setInterval function is used to execute functions at regular intervals of time. Suppose if we want to execute one JavaScript function for every 10 seconds or for a specific time we can use jQuery setInterval function to achieve this functionality.

Description:

In previous articles I explained Start and Stop timer in JavaScript, Show user current location on google map, Regular expression to validate file upload extension, jQuery Bouncing Menu Example and many articles relating to jQuery, JavaScript. Now I will explain how to use jQuery setInterval() function with example.

We can use setInterval function in different ways like as shown below

Method 1:

setInterval(yourfunction(), timeinterval);

function yourfunction() {

// your code here

}

Method 2:

setInterval(function(){// your code here

}, timeinterval);

For complete example check below code

<head>

<title>jQuery setInterval function example</title>

var count = 0;

function changeColor() {

// Call function with 500 milliseconds gap

setInterval(starttimer, 500);

}

function starttimer() {

count += 1;

var oElem = document.getElementById("divtxt");

oElem.style.color = oElem.style.color == "red" ? "blue" : "red";

document.getElementById("lbltxt").innerHTML = "Your Time Starts: " + count;

}

</script>

</head>

<body>

</div>

<button onclick="changeColor();">Start Timer</button>

</body>

</html>

Live Demo

Click on below button to run timer function for specific intervals of time

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

Subscribe by RSS

ASP.NET,C#.NET,VB.NET,JQuery,JavaScript,Gridview

jQuery setInterval() Function Example in JavaScript

0 comments :

Give your Valuable Comments

Tags