您现在的位置:首页 >> 前端 >> 内容

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

时间:2017/11/23 14:37:03 点击:

  核心提示:在注册或登录某些网站的用户时,常常会遇到一些发送短信验证码的功能,点击发送按钮后会出现60秒倒计时。代码实现如下://60秒之后获取验证码var wait=60; function time(obj)...

在注册或登录某些网站的用户时,常常会遇到一些发送短信验证码的功能,点击发送按钮后会出现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");

作者:网络 来源:刘旭利的博客