普通倒计时

针对具体元素,该元素直接包含且只包含数字,使用 countBackwards(element, options)

例如:

<span class="red" id="countdownNumber">10</span>

countBackwards($('#countdownNumber')[0], {

callback : function(){

$('#countdownNumber').html('完成');

}

});

倒计时10

针对文字和数字混合的方法1:

调用 setCountBackwards() 函数时给予参数

HTML 代码:

<button class="btn btn-default getValidationCodeButton" type="button" data-text="">获取验证码</button>

JavaScript 代码:

setCountBackwards('.method1 .getValidationCodeButton', {

process : '获取验证码({n})',

finish : '获取验证码',

second : 10,

callback : function(){

$('.getValidationCodeButton')[0].disabled = false;

}

});

针对文字和数字混合的方法2:

在 HTML 标记里给予参数

HTML 代码:

<button class="btn btn-default getValidationCodeButton" type="button" data-process="获取验证码({n})" data-finish="获取验证码" data-second="30">获取验证码</button>

JavaScript 代码:

setCountBackwards(this, {

callback : function(){

$('.getValidationCodeButton')[0].disabled = false;

}

});