JS获取短信验证码倒计时的实现代码
更新时间：2017年05月22日 16:39:06 作者：juddy123
这篇文章主要介绍了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获取短信验证码倒计时的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
在本篇文章里小编给大家整理的是关于javaScript把其它类型转换为Number类型的相关文章，有需要的朋友们学习下。2019-10-10
前端插件之Bootstrap Dual Listbox使用教程
这篇文章主要介绍了前端插件之Bootstrap Dual Listbox使用教程，本文给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-07-07
这篇文章主要为大家详细介绍了微信小程序单选框组应用，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了微信小程序实现搜索关键词高亮的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
js验证表单大全...2006-11-11
这篇文章主要介绍了通过webpack引入第三方库的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
layer插件实现在弹出层中弹出一警告提示并关闭弹出层的方法
今天小编就为大家分享一篇layer插件实现在弹出层中弹出一警告提示并关闭弹出层的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
在开发过程中,前端有时需要对后端返回的数据进行一些处理,当后端返回给我们json对象数组时,我们可能会需要按照对象中的某一个属性来进行分组,下面这篇文章主要给大家介绍了关于javascript数组按属性分组的实现方法,需要的朋友可以参考下2023-05-05
这篇文章主要为大家详细介绍了javascript中利用柯里化函数实现bind方法，感兴趣的小伙伴们可以参考一下2016-04-04
本文主要介绍了JS中splice添加或删除数组元素,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-12-12
最新评论