验证码60秒倒计时

最新推荐文章于 2022-01-18 11:02:11 发布
最新推荐文章于 2022-01-18 11:02:11 发布
阅读量276 收藏 1
点赞数 1
分类专栏： 关于手机登录的一些验证
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Feast_aw/article/details/78980738
版权

<body>

<input type="button" id="btn" value="免费获取验证码" />  
</body>

<script type="text/javascript">  
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").οnclick=function(){time(this);}  
</script> 
Feast_aw
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
倒计时 时间【天数（会员过期倒计时）、秒数（等待手机验证码）】
weixin_45044349的博客
05-18 701
会员倒计时 (函数写到了秒，可自行更改) <div>{{day}}</div> import {ref} from 'vue' const tt =ref() const day = ref() const showtime = function () { const nowtime = new Date(); //获取当前时间 const endtime = new Date('2022/8/8'); //定义结束时间 const gotime = endtime.ge
android 好用的自定义倒计时工具（验证码发送倒计时等等）
wujiahang129的博客
12-15 318
好用的倒计时使用工具，简单，易用，解耦。
手机验证码等待功能
封的博客
08-12 383
联系方式(*) 获取验证码 --> //功能: 获得页面数据,将数据传递至后台 $(function() { var wait = 60; function time(o) { if (wait == 0) { o.removeAttribute("disabled"); $(o).removeClass("disable"); o.va
layui的验证码倒计时按钮变化功能，直接拿走就可以用
u012442504的专栏
08-14 1887
一、上代码： <div class="layui-form-item"> <!--<label class="layui-form-label">输入框</label>--> <label class="layui-icon layui-icon-vercode layui-form-label formslabel" ></label>
做一个发送短信的倒计时按钮（很常用）
红岸基地
04-28 6239
效果预览：不BB，上代码：.btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925;} .btn-danger { color: #fff; background-color: #d9534} .btn { display: in...
简单实现vue验证码60秒倒计时功能
08-29
主要为大家介绍了如何简单实现vue验证码60秒倒计时功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
AngularJS 验证码60秒倒计时功能的实现
10-19
最近在做AngularJS 项目，这是写的一个60秒倒计时功能，下面小编给大家介绍AngularJS 验证码60秒倒计时功能的实现，需要的朋友参考下吧
Vue验证码60秒倒计时功能简单实例代码
08-27
主要介绍了Vue验证码60秒倒计时功能简单实例代码,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
点击获取邮箱验证码带时间（js）
良_123的专栏
08-05 1410
//获取邮箱验证码 var wait = 60; function time(o) { if (wait == 0) { o.removeAttribute("disabled"); o.value = "获取验证码"; wait = 60; } else { o.setAttribute("disabled", true); o.value = "还剩(" + wait + "
免费获取验证码实现倒数60秒
weixin_34409741的博客
04-25 568
<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> var countdown=60; fu...
removeAttribute() 方法删除指定的属性
热门推荐
wys1996625的专栏
05-18 1万+
此方法与 removeAttributeNode() 方法的差异是：removeAttributeNode() 方法删除指定的 Attr 对象，而此方法删除具有指定名称的属性。结果是相同的。同时此方法不返回值，而 removeAttributeNode() 方法返回被删除的属性，以 Attr 对象的形式。 参阅 removeAttributeNode() 方法
设置 取消input的disabled属性 getattribute(),setAttribute(),removeattribute()用法
aqxiebin的专栏
08-24 6834
<br /><script language="javascript" type="text/javascript"> <br /> function enabledisable() <br /> { <br /><br /> if(input.getAttribute('disabled')) <br /> { <br /> input.removeAttribute('disabled'); <br /> document.getElementById('enadisinp').
jquery中对dom元素的disabled属性的禁用和启用（removeAttr）
让我们荡起双桨的博客
09-22 6601
jquery中禁用(disabled)dom元素   I have a wired behaviour when I try todisable or readonly a input field using the attr().   removeAttr('disabled') is working ok.   – 使用removeAttr()移除“disabled”属性即可 ~  
js实现验证码获取倒计时60秒
qq_40095973的博客
08-07 6555
html: &lt;input id="btn" type="button" style="float:left" value="免费获取验证码"/&gt; js: &lt;script type="text/javascript"&gt; var wait=60; function time(o) { if (wait ==
android中获取验证码后出现60秒的倒计时
YXY的记录
08-30 9078
很简单，只需要两步： 第一步： 新建一个类继承CountDownTimer 第二步：给按钮设置点击事件 全部代码如下 public class MainActivity extends Activity { private TimeCount time; private Button btnGetcode; @Override protec
android最新实现获取验证码倒计时60s效果方法实践
我是紫色紫色的专栏
10-17 4790
转载请注明出处：最近做项目的过程中，在设计获取验证码按钮点击获取验证码倒计时的控件的时候，发现以前项目中用的做法太过于繁琐，本来是想直接将原来的代码拷贝过来使用的，但是后来还是在网上搜索了一番，于是乎有了今天的这篇博文，今天我将给大家介绍一下最新的处理倒计时逻辑的方法，那就是我们今天的主人公：CountDownTimer。首先我们看看它引入的包是package android.os，说明这个类是安卓
获取验证码按钮，点击后倒计时功能的实现
小北君的博客
04-02 3569
android中提供了一个类：CountDownTimer，可以实现倒计时的功能。代码如下： 在需要使用倒计时功能的activity中，自定义一个 TimeCount 类继承 CountDownTimer public class TimeCount extends CountDownTimer { /** * @param millisInFuture T
layui框架实战案例(10)：短信验证码60秒倒计时
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
01-18 2283
layui封装库 <!--layui封装库--> <script src="js/layui/layui.js" charset="utf-8"></script> <link rel="stylesheet" href="js/layui/css/layui.css"> 构建表单 <div style="margin-top: 10px;"> <form class="layui-form">
android手机应用源码Imsdroid语音视频通话源码.rar
最新发布
05-20
android手机应用源码Imsdroid语音视频通话源码.rar
使用Jquery发送验证码倒计时60秒限制
06-09
好的，以下是一个简单的示例代码，可以使用jQuery发送验证码并倒计时60秒： HTML: ```html 请输入手机号码"/> 获取验证码 ``` JavaScript: ```javascript $(document).ready(function() { var count = 60; //倒...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值