定时器开始结束

来源:互联网 发布:cg软件下载 编辑:程序博客网 时间:2024/06/06 08:47
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


</head>
<body>
<div id="result">0</div>
<span id="begain">开始</span>
<span id="stop">结束</span>
<script>
    var n=0;
    /*定时器*/
    var begain=document.getElementById("begain");
    var stop=document.getElementById("stop");
    var timmer;
    begain.onclick=function(){
        timmer=setInterval(function(){
            n++;
            document.getElementById("result").innerHTML=n;
        },1000)
    };
    stop.onclick=function(){
        clearInterval(timmer);
    }




</script>
</body>
</html>