原生js获取验证码倒计时

var countdown=60; 
function settime(obj) { 
    if (countdown == 0) { 
        obj.removeAttribute("disabled");    
        obj.value="免费获取验证码"; 
        countdown = 60; 
        return;
    } else { 
        obj.setAttribute("disabled", true); 
        obj.value="重新发送(" + countdown + ")"; 
        countdown--; 
    } 
    setTimeout(function() { 
        settime(obj) 
    },1000) 
}

<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />

注意:有时候会失效,在input里加上name即可

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,288评论 19 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,877评论 18 399
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,964评论 2 17
  • 本来想写一篇关于消费观的文章,不过最后写着写着,发现越写越矛盾,最后索性就弃了。就像很多时候,我们总是有各种矛盾的...
    漱玉余清阅读 409评论 0 1
  • 灵犀外卖小程序开发步骤: 安装说明 1、导入db文件夹中的数据到Bmob,关于Bmob的入门使用,请参见:http...
    第九程序官方阅读 1,477评论 1 4