Call JavaScript Function for Every 5 Seconds or 10 / 30 Seconds

By: Suresh Dasari Sep 14, 2013

Introduction:

Here I will explain how to call a JavaScript function for every 5 seconds or run / execute JavaScript function at regular intervals of time.

Description:

In previous articles I explained jQuery get current page url and title, jQuery get url parameter values, Create tabbed menu with rounded corners using CSS, jQuery shake image on mouse hover and many articles relating to JavaScript, jQuery, asp.net. Now I will explain how to call a JavaScript function for every 5 seconds.

To execute any function repeatedly with fixed time delay for that we have a one function with two parameters called setInterval(functionname, timedelay).

In this function we need to call the required function in functionname field and we need to set the required time delay to execute the function in timedelay field. If you want to see it in example you need to write the code like as shown below

<head>

<title>Run JavaScript function at specific intervals of time</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

For live demo click on below button

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

Call JavaScript Function for Every 5 Seconds or 10 / 30 Seconds

2 comments :

Give your Valuable Comments

Tags