業(yè)務(wù)背景

就是獲取手機(jī)驗(yàn)證碼
點(diǎn)擊按鈕后倒計(jì)時(shí)

困擾

雖然自己能寫
但總是不放心自己寫的代碼
實(shí)在是怕兼容性問(wèn)題,還有js性能問(wèn)題
想找一個(gè)成熟的插件來(lái)用
只需要綁定一個(gè)節(jié)點(diǎn),傳入一個(gè)倒計(jì)時(shí)時(shí)長(zhǎng)就行

問(wèn)題

表面上的問(wèn)題: 有誰(shuí)用過(guò)這種插件么
根本上的問(wèn)題: 想要找插件怎么找啊,真心不好搜索

附上我自己寫的,請(qǐng)不要再說(shuō)我是伸手黨啦

// 按鈕效果
var btn = $('#getCode');
var notOk = function () {
    btn.css('color', '#959595');
    btn.attr('disabled', 'disabled');
}
var isOk = function () {
    btn.css('color', '#000');
    btn.removeAttr('disabled');
}
// 倒計(jì)時(shí)效果
var setTime = function (time) {
    notOk();
    var timer = setInterval(function () {
        btn.val('(' + time + ')' + '秒后重新發(fā)送');
        time--;
        window.sessionStorage.codeTime = time;
        if (time === 0) {
            clearInterval(timer);
            isOk();
            btn.val('重新發(fā)送驗(yàn)證碼')
        }
    }, 1000);
};

// 如果倒計(jì)時(shí)還沒(méi)結(jié)束就刷新頁(yè)面
let time = window.sessionStorage.codeTime || 60;
if (time > 0 && time < 60)
    setTime(time);

// 解禁獲取驗(yàn)證碼按鈕
var reg = /^1[0-9]{10,10}$/;
var tel = '';
$('#tel').keyup(function () {
    tel = $(this).val();
    var isTel = reg.test(tel);
    if (isTel) {
        isOk();
    } else {
        notOk();
    }
})

// 獲取驗(yàn)證碼
$('#getCode').click(function () {
    // 按鈕倒計(jì)時(shí)效果
    time = 60;
    setTime(time);
    // 獲取手機(jī)號(hào)碼
    tel = $('#tel').val();
    console.log('{{APIURL}}/codelist?mobile=' + tel)
    // 給手機(jī)發(fā)驗(yàn)證碼
    $.get('{{APIURL}}/shop/codelist?mobile=' + tel, function (res) {
        console.log(res);
    });
});