当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

js 获取验证码倒计时

发表于: 2014-02-20   作者:annan211   来源:转载   浏览次数:
摘要: 点击通过手机或邮箱获取验证码,点击之后进入手机验证码或者邮箱验证码获得的页面,验证码已经发出。需要在页面上出现倒计时,可参照如下代码。 var wait=60; var logNum = Math.floor(Math.random() * 60 + 1); function time(o,num) { if (wait == 0) { o.removeAt
点击通过手机或邮箱获取验证码,点击之后进入手机验证码或者邮箱验证码获得的页面,验证码已经发出。需要在页面上出现倒计时,可参照如下代码。
  var wait=60;
	var logNum = Math.floor(Math.random() * 60 + 1);
	function time(o,num) {
			if (wait == 0) {
				o.removeAttribute("disabled");			
				o.value="再次免费获取验证码";
				wait = 60;
			} else {
				o.setAttribute("disabled", true);
				o.value="重新发送(" + wait + ")";
				if(wait==logNum){
					resend();
				}
				wait--;
				setTimeout(function() {time(o,wait);},1000);
			}
		}
	document.getElementById("btn").onclick=function(){time(this,null);}
	
	var maxtime = 60; 
	function CountDown(){  
		if(maxtime>=0){  
				document.all["btn"].setAttribute("disabled", true);
				seconds = Math.floor(maxtime%60);
				msg = "重新发送("+seconds+")";  
				document.all["btn"].value = msg;  
				--maxtime;  
		}  
		else{  
				clearInterval(timer); 
				msg = "重新发送";
				document.all["btn"].value = msg; 
				document.all["btn"].removeAttribute("disabled");
			}  
		}  
	timer = setInterval("CountDown()",1000); 
 

js 获取验证码倒计时

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
一:先上效果图: 二:源代码文件:reg.html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr
打算写几篇博客总结下近来做的一个东西:www.eccpitbj.org/chitec2014 项目中要用到倒计时,找了几
利用简单的数字累加循环模拟倒计时的效果,逻辑比较简单。如果大牛们有更好的办法欢迎补充。 这种效
打算写几篇博客总结下近来做的一个东西:www.eccpitbj.org/chitec2014 项目中要用到倒计时,找了几
一.js实现验证码: 第一步:建一个login.htm,一个code.js文件,一个code.css文件,准备一张图片cod
One of the areas that has seen the most improvement in Ext JS 4 is the data package. The data
接口描述: 地址:/rrt/user/codeVerify/getVerifyCode.do 用途:用户获取短信验证码,如:注册页面
html中最常使用的控件就是div了,那么如何获取div的坐标呢? 如何方法可以实现. /*** * 获取div的坐标
html中最常使用的控件就是div了,那么如何获取div的坐标呢? 如何方法可以实现. /*** * 获取div的坐标
html中最常使用的控件就是div了,那么如何获取div的坐标呢? 如何方法可以实现. /*** * 获取div的坐标
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号