首页 > 代码库 > 模块:js实现一个倒计时功能
模块:js实现一个倒计时功能
1.给显示内容加样式
<style>#p1{font-size: large; color: red;}</style>
2.客户端页面
<div id="p1">100</div><button onclick="px()">倒计时开始</button><button onclick="px1()">暂停</button>
3.js处理
<script type="text/javascript">var tt;//定义一个变量,接收时间设置settimeoutvar aa=100;//函数外面定义aa
//设置倒计时功能函数function px(){document.getElementById("p1").innerHTML=aa;if(aa>0){aa=aa-1;}else{document.getElementById("p1").innerHTML="倒计时结束";}tt=setTimeout("px()",1000); //设置间隔时间}
//设置暂停函数function px1(){clearTimeout(tt);//清除tt}</script>
模块:js实现一个倒计时功能
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。