Desired Output
0
Source Code
<!doctype html>
<html>
<head>
<title>Stop Watch</title>
<style>
#counter
{
margin:auto;
width:120px;
height:100px;
font-size:80px;
border:2px solid red;
text-align:center;
padding:20px;
}
</style>
<script>
var count=0,interval;
function increase()
{
count++;
document.getElementById("counter").innerHTML=count;
}
function start_watch()
{
interval=setInterval("increase()",1000);
}
function stop_watch()
{
clearInterval(interval);
}
function reset()
{
document.getElementById("counter").innerHTML=0;
count=0;
}
</script>
</head>
<body>
<div id="counter">
0
</div>
<br>
<p align="center">
<input type="button" value="START" onclick="start_watch()">
<input type="button" value="PAUSE" onclick="stop_watch()">
<input type="button" value="RESET" onclick="reset()">
</p>
</body>
</html>