<div id="active">10</div> //设置一个数字
<button id="btn">开始</button> //设置一个按钮
<script>
var _active=document.querySelector("#active");
var _btn=document.querySelector("#btn");
var id; //记录第一次生成的标识
_btn.οnclick=function(){ //点击之后
var info=_btn.innerText;
var count=_active.innerText;
//如果点击开始,开始改为结束
if(info=="开始"){
_btn.innerText="结束";
id=setInterval(function(){
count--;
//重新写入
_active.innerText=count;
},1000)
}
//点击结束,清空定时器
if(info=="结束"){
_btn.innerText="开始";
clearInterval(id);
}
}
</script>
01-31
837
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
02-04
317
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
05-02
191
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
03-23
814
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
04-08
410
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
07-31
306
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)