美文网首页
点击按钮实现倒计时

点击按钮实现倒计时

作者: 酒暖花深Q | 来源:发表于2018-08-23 21:42 被阅读0次
<input type="button" class="pro-button" id="btn"
                       style="color: red; background-color: #FFFAFA;margin-top: 0;"
                       onclick="setTime(this)" value="获取验证码">
var countDown=60;
function setTime(val) {
    if (countDown == 0) {
        val.removeAttribute("disabled");
        val.value = "获取验证码";
        countDown = 60;
        return;
    } else {
        val.setAttribute("disabled", true);
        val.value = "重新发送(" + countDown + ")";
        countDown--;
    }
    setTimeout(function () {
        setTime(val)
    }, 1000)
}

相关文章

  • 一行代码倒计时和防止按钮重复点击原理

    一行代码倒计时 实例: 比较简单, demo地址 防止按钮重复点击原理 点击按钮,按钮底层实现代码 利用润runt...

  • iOS快速实现一个保存记录的倒计时按钮

    iOS开发中在登录、注册、找回密码等页面经常需要实现倒计时按钮,但是很多情况下用户点击倒计时按钮开始倒计时之后,再...

  • 点击按钮实现倒计时

  • js中date倒计时

    获取倒计时之前,我们不妨先来看怎样获取当前时间吧!!! 获取倒计时 1、实现倒计时功能2、倒计时结束按钮可被点击,...

  • 商品促销倒计时效果实现

    效果图展示 所有的知识点总结如下: 轮播图实现:swiper插件 倒计时功能的实现 倒计时结束,抢购按钮变为可点击...

  • 扩展UIButton.倒计时,点击事件交换等

    UIButton的扩展 常用到倒计时的按钮,按钮的点击事件频率限制,按钮点击时的各类提示语等; 倒计时: 一般倒计...

  • JavaScript3.0作业

    1、实现点击按钮,滚动条走动和百分比走动 2、实现秒表 3、实现文字时钟 5、短信倒计时

  • 前端定时器

    1、实现点击按钮,滚动条走动和百分比走动 2、实现秒表 3、实现文字时钟 5、短信倒计时

  • iOS 验证码倒计时

    /** 倒计时方法 在点击获取验证码按钮的方法里调用此方法即可实现, 需要在倒计时里修改按钮相关的请在此方法里yo...

  • 小程序如何实现验证码倒计时

    实现功能: 点击发送验证码,发送按钮进入倒计时状态。 具体实现: 要实现JS的倒计时功能,首先要了解两个JS的定...

网友评论

      本文标题:点击按钮实现倒计时

      本文链接:https://www.haomeiwen.com/subject/eoqviftx.html