<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
</head>
<body>
<p>计时器</p>
<p id="demo"></p>
<button onclick="myStopFunction()">停止</button>
<p>点击开始3秒后弹出hello</p>
<p>点击停止（在3秒内）</p>
<button onclick="myTout()">start</button>
<button onclick="myStopTout()">Stop</button>
<script>
//setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
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);
}
//setTimeout() - 暂停指定的毫秒数后执行指定的代码
function myTout()
{
myVar=setTimeout(function(){alert("Hello")},3000);
}
function myStopTout()
{
clearTimeout(myVar);
}
</script>
</body>
</html>