10秒倒计时 //标题
<body>
<button "start()">开始</button> //设置一个按钮来开始计时,加一个点击事件start()。
<button "stop()">停止计时</button> //设置一个按钮来停止计时,加一个点击事件stop()。
<p id="text">10</p> //添加一个可以显示到页面上的数字,让其等于变化的秒数
</body>
下面是js
<script "text/javascript">
var timer=null timer是判断倒计时是否在进行,如果有值,则已经开始倒计时,如果为null即空值,则点击开始计时。
点击开始
function start(){
var num=10; //设置初始值10秒
if(timer!=null){ //timer值不为空,则倒计时正在进行,不能再次开始,禁止执行。
return false;
}
timer=setInterval(function{ 设置时间函数,隔一秒执行一次
num--; 执行函数为num值递减
text.innerHTML=num; 将p等于num值,让它随时间变化并显示在屏幕上
if(num==0){
alert(“停止倒计时”)
clearInterval(timer);
timer=null;} 当时间为零时停止运行,即清除时间函数timer,并让timer重新为null空值
},1000)
}
function stop(){ 设置停止函数,点击停止计时,即清除时间函数
alert(“停止倒计时”)
clearInterval(timer);
timer=null;
}