2017/04

获取验证码是如何实现的？

发布时间：2017-04-28 10:37:55

发布者：jiangbing

浏览量:

在很多网页中当你登录或注册时都有获取验证码这一效果，我们在做壹早教APP界面时，就用到了这一特效。那么他是如何实现的呢？

首先验证码是input标签，赋给他一个id:

接着写入一段js就能实现：

  
var wait=60;  
function time(o) {  
        if (wait == 0) {  
            o.removeAttribute("disabled");            
            o.value="免费获取验证码";  
            wait = 60;  
        } else {  
            o.setAttribute("disabled", true);  
            o.value="重新发送(" + wait + ")";  
            wait--;  
            setTimeout(function() {  
                time(o)  
            },  
            1000)  
        }  
    }  
document.getElementById("btn").onclick=function(){time(this);}

最后输出的时候把input的id输出就可以了。

上一篇：怎么控制网页中音乐播放

下一篇： QQ在线客服右侧悬浮代码

关键词:

返回列表

2024-04-12

用友移动端app如何实现云修复查看详情

2024-01-01

如何解决vue深层数组修改后不渲染问题查看详情

2023-12-10

如何写好一份项目需求分析说明书查看详情

2019-02-13