<button id="time">获取验证码</button>var countdown = 60;
var but = document.getElementById('time');
but.addEventListener('click', function (e) {setTime(this);
})function setTime (elem) {if (countdown === 0) {elem.innerHTML = "获取验证码";countdown = 60;elem.disabled = false;clearTimeout(anima);} else {countdown--;elem.innerHTML = "重新获取(" + countdown + ")";        elem.disabled = true;var anima = setTimeout(function () {setTime(elem);}, 1000);}
}

转载于:https://www.cnblogs.com/joffe/p/7679699.html

Javascript 获取验证码60秒倒计相关推荐

  1. 免费获取验证码60秒倒计时

    免费获取验证码60秒倒计时 <!DOCTYPE html> <html> <head> <script src="http://libs.baidu ...

  2. 获取验证码 60秒倒计时

    获取验证码 60秒倒计时 html部分代码 <view><view class="mobile verification"><input v-mode ...

  3. vue获取手机验证码60秒倒计时,不能点击按钮

    vue获取手机验证码60秒倒计时,不能点击按钮 export const resend = element => {console.log(element)var num = 60var tim ...

  4. vue页面实现短信验证码60秒倒计时

    废话不多说,直接上代码. template <div class='single-wrapper fs14'><div class='single-mb'>短信验证</d ...

  5. 简单实现vue验证码60秒倒计时功能

    简单实现vue验证码60秒倒计时功能 <span v-if="codeShow" @click="getPhoneCode">点击获取验证码< ...

  6. uni验证码60秒倒计时

    uni验证码60秒倒计时 其实要实现这个功能原理非常简单,就是setInterval+setTimeout+clearInterval结合使用,首先在data里定义一个变量second,初始值为60, ...

  7. JavaScript获取验证码,60秒倒计时方法

    html <div class="item-input code-box"><input type="text" class="us ...

  8. 使用Jquery实现获取短信验证码60秒倒计时

    现在使用手机号+验证码的方式注册账号已经成为一种必备功能,当我们输入手机号点击发送验证码按钮后,按钮应该不可被再次点击,并开始倒计时,倒计时结束后才能再次点击.这一个可以借助某些插件实现,但其实使用J ...

  9. vue element-ui实现获取短信验证码 ,60秒倒计时及页面

    cc废话不多说先上效果图  vue页面布局 <el-form-item prop="phoneCode" class="pr"><el-inp ...

最新文章

  1. 推荐算法注意点和DeepFM工程化实现
  2. 基于verilog贪吃蛇游戏设计
  3. php 网站上传大小限制吗,配置PHP程序网站上传文件大小的限制!
  4. c语言异或运算符_计算机中C语言的-运算符
  5. 使用jsoncpp解析json文件
  6. [转载] java中对数组进行排序_如何在Java中对数组排序
  7. Xml读取和写入以及新建
  8. chart控件怎么使x轴标签全部显示出来
  9. 成也萧何,败也萧何---PIG JOIN 的replicated
  10. jsp:setProperty getProperty标签的使用
  11. 无线路由器 tftp服务器怎么开启,水星路由器tftp服务器怎么开启
  12. Codeforces Round #776 (Div. 3)
  13. CHI到底是干嘛的 保证cache一致性 2.3 snoop
  14. 龙芯CPU开发系统固件与内核接口手册资料
  15. 解决Gradle‘s dependency cache may be corrupt (this sometimes occurs after a network connection timeout
  16. Android开发 读取手机通讯录
  17. LuatIDE是什么?
  18. 二进制十进制十六进制转换_二进制数制到十进制数制的转换
  19. 名创优品寻求香港上市:叶国富夫妇持股64% 有77%投票权
  20. JS买卖股票的时机含手续费 LeetCode714

热门文章

  1. 爬虫下载百度贴吧图片
  2. 在PS里怎样使图层居中对齐?
  3. JavaScript学习(七十二)—严格模式
  4. JavaScript学习(八)—属性节点和属性值的操作
  5. Web前端经典面试题-JavaScript
  6. usb linux 内核,Linux内核USB驱动架构:USB设备驱动架构.pdf
  7. office套件_【office】Android版微软办公套件Office独立版一体化
  8. 想辞职专心做自媒体可以吗?有哪些建议吗?
  9. 都说比特币无价值,涨得不合理;但你知道比特币最大的用途吗?
  10. 磕头如捣的拼音及解释