javascript 使用承诺实现倒计时

Posted 2021-05-04

const countdown = (countdown) => {
    const deferred = $.Deferred();
    const interval = setInterval(() => {
        if (countdown === 0) {
            clearInterval(interval);
            deferred.resolve();
        }
        deferred.notify(countdown--);
    }, 1000);
    return deferred.promise();
}

const $target = $('#jp-target');
countdown(60).progress((d) => {
      $target.html(`(${d}s)重发验证码`);
}).done(() => {
    $target.removeAttr('disabled');
    $target.html('发送验证码');
});