本文共 905 字,大约阅读时间需要 3 分钟。
###短信验证码倒计时功能实现
.getCode { position: absolute; top: 0.5rem; right: 0; font-size: 0.34rem; color: #fbb111; background: none; border: none; outline: none;}.getCode:disabled { color: #ccc;} $("getCode").on("click", function() { time($(this));});var wait = 5;function time(obj) { if (wait === 0) { $(obj).removeAttr("disabled"); $(obj).text("获取验证码"); wait = 5; } else { $(obj).attr("disabled", "true"); $(obj).text(wait + "秒后重试"); wait--; setTimeout(function() { time(obj); }, 1000); }} ###功能说明
###技术实现细节
wait变量实现倒计时功能setTimeout函数实现多次递归调用该实现采用了模块化的方式,代码结构清晰,易于维护和扩展。
转载地址:http://sqdwz.baihongyu.com/