JavaScript to Start and Stop the Time

JavaScript to Start and Stop the Time

February 06, 2015

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...;

Comments