Introduction:
Here
I will explain how to call a JavaScript function at regular
intervals of time or run/execute JavaScript
function
every 10 seconds or execute JavaScript
function
at specific time in asp.net.
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 at regular intervals of time in asp.net.
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 at regular intervals of time in asp.net.
To execute function repeatedly with fixed time delay we have a 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
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Run JavaScript function at specific intervals of time</title>
<script type="text/javascript">
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 id="divtxt">
<label id="lbltxt"
style="font:bold 24px verdana" />
</div>
<button onclick="changeColor();">Start Timer</button>
</body>
</html>
|
Live
Demo
|
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
Subscribe by Email
|
|||
3 comments :
I want something where the times get refresh on every click. Here in the above example if you click n number of time there will be n instances and the increment go mad.......
i want to stop this timer control after some specified time, how can i do that?
Note: Only a member of this blog may post a comment.