BQ PC版基础脚本库

百泉贷

BQ.UI.countdown = function($el, countdown)

构建一个倒计时元素，countdown(optional)。

支持Data

• countdown 倒计时间，默认60秒
• text-ing 倒计时正在进行时显示的文字，默认当前元素内文字
• text-after 完成倒计时后显示的文字，默认text-ing文字

HTML部分

<button class="btn btn-danger" id="action-getsms" data-countdown="10" data-text-ing="重新获取">短信获取</button>
<a href="#" id="action-reset">重置</a>

JavaScript部分

• reset：重置倒计时

var $countdown = BQ.UI.countdown($("#action-getsms"));
$("#action-reset").click(function(){
    $countdown.reset();
});

例子

倒计时按钮和重置功能

BQ.UI.Timer

倒计时

HTML部分

<div id="countdown-box"></div>

JavaScript部分

BQ.UI.Timer.init(10, "#countdown-box", function($el){
    $el.text("该债权已过期");
})

例子

倒计时10秒