JS获取短信验证码倒计时的实现代码
废话不多说了，直接给大家贴代码了，具体代码如下所示：
$(function() {
var phone_num = /^1\d{10}$/;
var flag = 1; //短信发送时标志位
$(".getcode").click(function() {
if($("#phone").val() == "") {
alert("请输入电话号码！");
return false;
};
if(!phone_num.test($("#phone").val().trim())) {
alert("电话号码有误,请输入11位手机号！");
return false;
};
if(flag == 1) {
var i = 59;
flag = 0;
var n = setInterval(function() {
var j = i + 's';
$('.getcode').html(j);
i--;
if(i < -1) {
clearInterval(n);
flag = 1;
$('.getcode').html('重新获取').prop("disabled", false);
}
}, 1000);
}
})
});
以上所述是小编给大家介绍的JS获取短信验证码倒计时的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
本文向大家介绍iOS实现短信验证码倒计时，包括了iOS实现短信验证码倒计时的使用技巧和注意事项，需要的朋友参考一下 在开发中，经常在需要用户注册的时候会需要实现验证码倒计时的功能，下面是解决这个问题的两种思路(使用UIButton控件) 一、利用NSTimer计时器 1.新建一个UIButton按钮，设置成属性，名为codeButton。（UIButton样式一定要为自定义，否则后面倒计时数秒时会
-
本文向大家介绍ReactNative短信验证码倒计时控件的实现代码，包括了ReactNative短信验证码倒计时控件的实现代码的使用技巧和注意事项，需要的朋友参考一下 由于最近刚开始认真的搞RN，可能有一些封装的不是最佳实践，还是希望大家多提意见，和大家一起进步吧。本文介绍了ReactNative短信验证码倒计时控件，分享给大家 功能 根据项目的需要，需要写一个自定义的控件，实现如下功能： 默认文
-
本文向大家介绍iOS获取短信验证码倒计时的两种实现方法，包括了iOS获取短信验证码倒计时的两种实现方法的使用技巧和注意事项，需要的朋友参考一下 方法一： 网上用的很多的一种,不多说，直接上代码. 到时直接调用就可以了。 方法二：利用分类 给UIButton新建一个分类 .h文件如下 .m文件如下 然后在controller里直接调用分类.h文件里的方法就ok了 以上就是本文的全部内容，希望对大家的
-
本文向大家介绍js实现点击获取验证码倒计时效果，包括了js实现点击获取验证码倒计时效果的使用技巧和注意事项，需要的朋友参考一下 网站中为了防止恶意获取验证短信、验证邮箱，都会在点击获取验证码的按钮上做个倒计时的效果。实现这个功能，一个setInterval和一个clearInterval就能搞定了，不需要太多的代码。实例效果和代码如下： 更多关于倒计时的文章请查看专题：《倒计时功能》 利用setI
-
本文向大家介绍JS+HTML5实现获取手机验证码倒计时按钮，包括了JS+HTML5实现获取手机验证码倒计时按钮的使用技巧和注意事项，需要的朋友参考一下 效果图如下所示： HTML： CSS： JavaScript： GitHub：Fuck me on GitHub Fuck me on GitHub 总结 以上所述是小编给大家介绍的JS+HTML5实现获取手机验证码倒计时按钮，希望对大家有所帮助，
-
本文向大家介绍ionic+AngularJs实现获取验证码倒计时按钮，包括了ionic+AngularJs实现获取验证码倒计时按钮的使用技巧和注意事项，需要的朋友参考一下 按钮功能为：点击“获取验证码”——按钮不可用-设置倒计时-60秒后重新获取。 主要实现原理：点击后，设置一个$interval，每一秒更改一次剩余时间，并依赖Angular数据绑定实时显示在页面中。设置一个$timeout，60