js获取验证码倒计时效果

很多网页js特效相信从事前端行业的同学不管用什么方法多数都可以自己实现出来,但从事前端时间久了在回头看之前写过的代码感觉一团糟虽然实现了但是代码量特别大特别繁琐,反正我是有这种感觉!就拿这篇文章的例子来说:

下面是一个做前端经常会用到的一个效果就是发送手机验证码的这个按钮特效,以前在做这个效果的时候都是依赖jquery的,而且写的特别繁琐,下面这个是我经过多次改良优化用最少的代码实现出了这个效果,也是我写的最有自信的一段代码,而且是纯js的哦!大家如果有更简洁的方案可以发出来互相学习一下:


function getCode(obj,n){
	var t=obj.value;
	(function(){
		if(n>0){
			obj.disabled=true
			obj.value='倒计时'+(n--)+'秒';
			setTimeout(arguments.callee,1000);
		}else{
			obj.disabled=false;
			obj.value=t;	
		}	
	})();
}

3 Responses to “ js获取验证码倒计时效果 ”

  1. 老徐说道:

    自己给自己赞一个[给力]

  2. 默默老猪说道:

    加油,老徐,我是老蔡。

  3. jycnb说道:

    打开 uvu.cc/ir7p都是 浪美眉

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>