频道栏目
首页 > 资讯 > HTML/CSS > 正文

点击发送短信验证码按钮后,倒计时60秒(代码实现教程)

17-11-23        来源:[db:作者]  
收藏   我要投稿

在注册或登录某些网站的用户时,常常会遇到一些发送短信验证码的功能,点击发送按钮后会出现60秒倒计时。

代码实现如下:

//60秒之后获取验证码
var wait=60; 
function time(obj) { 
       if (wait == 0) { 
       	obj.removeAttribute("disabled");    
       	obj.innerHTML="获取验证码";
           wait = 60; 
       } else { 
       	obj.setAttribute("disabled", true); 
       	obj.innerHTML=wait+"秒后重新发送";
           wait--; 
           setTimeout(function() { 
               time(obj) 
           }, 
           1000) 
       } 
   } 

方法中的参数为按钮的dom对象,可以在按钮中的某个事件中添加,以点击事件为例:onclick="time(this)" 。

还可以通过JavaScript获取:var obj = document.getElementById("btn");

相关TAG标签
上一篇:nginx的安装以及添加ldap模块讲解
下一篇:JavaScript开发之js数据类型分析
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站