使用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);