var sogou_ad_id=731545;
var sogou_ad_height=90;
var sogou_ad_width=980;基于JS实现发送短信验证码后的倒计时功能(无视页面刷新，页面关闭不进行倒计时功能)
作者：熊大熊二
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了基于JS实现发送短信验证码后的倒计时功能(无视页面刷新，页面关闭不进行倒计时功能)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
相关阅读：
下面一段代码是小编给大家带来的js发送短信验证码后实现倒计时功能，代码简单易懂。
具体代码如下所示：
&!doctype html&
&html lang="en"&
&meta charset="UTF-8"&
&meta name="Generator" content="EditPlus&"&
&meta name="Author" content=""&
&meta name="Keywords" content=""&
&meta name="Description" content=""&
&title&Document&/title&
&script src="/jquery/3.1.0/jquery.js"&&/script&
&script src="/jquery-cookie/1.4.1/jquery.cookie.js"&&/script&
&!-- &script src="///jquery-cookie/1.4.1/jquery.cookie.min.js"&&/script&--&
&input id="phonenum" type="text" value=""/&
&input id="second" type="button" value="免费获取验证码" /&
//发送验证码时添加cookie
function addCookie(name,value,expiresHours){
//判断是否设置过期时间,0代表关闭浏览器时失效
if(expiresHours&0){
var date=new Date();
date.setTime(date.getTime()+expiresHours*1000);
$.cookie(name, escape(value), {expires: date});
$.cookie(name, escape(value));
//修改cookie的值
function editCookie(name,value,expiresHours){
if(expiresHours&0){
var date=new Date();
date.setTime(date.getTime()+expiresHours*1000); //单位是毫秒
$.cookie(name, escape(value), {expires: date});
$.cookie(name, escape(value));
//根据名字获取cookie的值
function getCookieValue(name){
return $.cookie(name);
$(function(){
$("#second").click(function (){
sendCode($("#second"));
v = getCookieValue("secondsremained");//获取cookie值
settime($("#second"));//开始倒计时
//发送验证码
function sendCode(obj){
var phonenum = $("#phonenum").val();
var result = isPhoneNum();
if(result){
// doPostBack('${base}/login/getCode.htm',backFunc1,{"phonenum":phonenum});
addCookie("secondsremained",60,60);//添加cookie记录,有效时间60s
settime(obj);//开始倒计时
//开始倒计时
function settime(obj) {
countdown=getCookieValue("secondsremained");
if (countdown == 0) {
obj.removeAttr("disabled");
obj.val("免费获取验证码");
obj.attr("disabled", true);
obj.val("重新发送(" + countdown + ")");
countdown--;
editCookie("secondsremained",countdown,countdown+1);
setTimeout(function() { settime(obj) },1000) //每1000毫秒执行一次
//校验手机号是否合法
function isPhoneNum(){
var phonenum = $("#phonenum").val();
var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
if(!myreg.test(phonenum)){
alert('请输入有效的手机号码！');
以上所述是小编给大家介绍的基于JS实现发送短信验证码后的倒计时功能(无视页面刷新，页面关闭不进行倒计时功能)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具12306手机核验收不到短信验证码怎么办 12306手机核验失败怎么办
时间： 14:53:53来源：作者：gm(0)
12306在推出手机核验之后大量用户都在手机客户端上进行验证，有部分用户反映在进行12306手机核验是发现收不到短信验证码，手机核验失败怎么办呢？不用着急，下面就帮大家解决问题。12306手机核验收不到验证码怎么办？1、小编建议大家如果手机卡还没有去营业厅办理的实名制认证的要及时办理，手机卡未实名制可能会面临停机问题。2、登陆“我的12306”，查看个人信息，同时查看自己的预留手机号码是否填写正确，如果不正确的话要及时更改，更换手机号码的用户也要及时更改12306个人中心中的预留手机号，保证自己的手机畅通。在12306手机核验的界面中我们看到有这样的一段话：一个用户一天可以获取三次手机核验的短信验证码。手机核验通过的用户方能在网站办理邮箱修改、密码修改等业务。所以千万不要着急而频繁的点击获取手机验证码的选项，一天只有3次获取验证码的机会哦！12306手机核验步骤： 进入12306界面，点击购票按钮点击登陆12306账号输入相关信息登陆进入我的12306，点击查看个人信息联系方式中我们可以看到手机号码后有“未通过核验”几个字点击“未通过核验”进入如下界面，进行相关操作。发短信999给12306要钱吗这个问题可能是大家最先关心的问题之一，答案是正常收取短信费用。12306短信999尚未送达有可能大家在发送“999”验证短信后，提示“尚未送达”，出现这个提示，大家在确保信号正常的情况下可重新发送一遍，一般是可以成功的。12306验证失败收不到验证码如果发送999后，收不到验证码，请耐心等待几分钟。并且请确保安装软件没有拦截验证短信。}