Hi Frnds, I waana Show you how to Start and Stop the Time Using JavaScript...;
The Below Code is used to Start and Stop the Time Using JavaScript
<!DOCTYPE html>
<html>
<body>
<p>A script on this page Starts and Stops clock:</p>
<p id="demo"></p>
<div>
<form><input type = "submit" value = "Start Time" style = "float:left"></form>
<input type = "submit" value = "Stop Time" style = "margin-left:10px" onclick="myStopFunction()" ></div>
<script>
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer() {
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
function myStopFunction() {
clearInterval(myVar);
}
</script>
</body>
</html>
Observe carefully this code
<p id = “demo”></p>
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer() {
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
This code is used to display the Current System time, when page is loaded.
<input type = "submit" value = "Stop Time" style = "margin-left:10px" onclick="myStopFunction()" >
function myStopFunction() {
clearInterval(myVar);
When we click the “Stop Time” Button, the myStopFunction() is called. It Stops the Time.
<form><input type = "submit" value = "Start Time" style = "float:left"></form>
When we click the “Start Time” Button, the Page will refresh so the time will start again.
Try it...,
Have Nice Day...;
EmoticonEmoticon