js中如何实现倒计时
关于《js中如何实现倒计时》,现在小知识百科站小编给您分享一下,希望您阅读完本篇内容后能有所收获。如果对您有所帮助别忘了关注本站哦。
js中如何实现倒计时
<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>
以上就是js中如何实现倒计时实现原理。
本文关键词:js,如何,实现,倒计时,js中如何实现倒计时。以上就是关于“js中如何实现倒计时”的所有内容,希望分享的内容对您有帮助!更多的相关知识内容,请继续关注《小知识百科站》网站:http://www.370300.com/!。