使用setInterval方法实现如图倒计时,但实际运行只运行了一遍
源代码如下:
var s = setInterval(time,1000);
var n = 10;
function time(){
//缴费按钮不可用倒计时
if(num>0){
num--;
//修改按钮显示文本
$("#zhuce11").text("确认缴费("+n+")");
} else {
$("#zhuce11").text("确认缴费");
//设置缴费按钮可用
$("#zhuce11").attr('disabled',false);
$("#zhuce11").css('background-color', '#f9313a');
clearInterval(s);
}
}
网上搜的方法都是将setInterval("time()",1000)修改为setInterval(time,1000)
但修改后并不管用
于是我试着把两个方法写在一块,成功,代码如下:
var n = 10;
var s = setInterval(function(){
//缴费按钮不可用倒计时
if(n > 0){
n--;
$("#zhuce11").text("确认缴费("+n+")");
} else {
$("#zhuce11").text("确认缴费");
//修改缴费按钮可用
$("#zhuce11").attr('disabled',false);
$("#zhuce11").css('background-color', '#f9313a');
clearInterval(s);
}
}, 1000);