Introduction:
Here I will explain how to start and stop timer example inJavaScript or start and stop function execution using JavaScript in asp.net.
Description:
To execute function repeatedly with fixed time delay we have a function with two parameters calledsetInterval(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.
To stop the execution of repeated action we have function clearInterval(intervalID)
Here intervalID is the identifier of the repeated action you want to cancel. This ID is returned from
setInterval().
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,chkfn=null;
function changeColor() {
// Call function with 1000 milliseconds gap
chkfn = setInterval(starttimer, 1000);
}
function starttimer() {
count += 1;
var oElem = document.getElementById("divtxt");
oElem.style.color = oElem.style.color == "red" ? "blue" : "red";
document.getElementById("pcount").innerHTML = "Your Time Starts: " + count;
}
function stoptimer() {
clearInterval(chkfn);
chkfn = null;
count = 0;
document.getElementById("pcount").innerHTML = '';
}
</script>
</head>
<body>
<div id="divtxt">
<p id="pcount" style="font:bold 24px verdana"></p>
</div>
<button onclick="changeColor();">Start Timer</button>
<button onclick="stoptimer();">Stop Timer</button>
</body>
</html>
No comments:
Post a Comment