<!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>