1. <input type="button" id="btn" value="免费获取验证码" />
  2. <script type="text/javascript">
  3. var wait=60;
  4. function time(o) {
  5. if (wait == 0) {
  6. o.removeAttribute("disabled");
  7. o.value="免费获取验证码";
  8. wait = 60;
  9. } else {
  10. o.setAttribute("disabled", true);
  11. o.value="重新发送(" + wait + ")";
  12. wait--;
  13. setTimeout(function() {
  14. time(o)
  15. },
  16. 1000)
  17. }
  18. }
  19. document.getElementById("btn").οnclick=function(){time(this);}
  20. </script>

转载于:https://www.cnblogs.com/susanws/p/5403465.html

js 验证码 倒计时60秒相关推荐

  1. 手机短信验证码登录功能的开发实录(机器识别码、短信限流、错误提示、发送验证码倒计时60秒)

    短信验证码登录功能 项目分析 核心代码 1.外部js库调用 2.HTML容器构建 3.javaScript业务逻辑验证 4.后端验证逻辑 总结 短信验证码是通过发送验证码到手机的一种有效的验证码系统, ...

  2. Vue - 实现获取手机验证码倒计时 60 秒(手机号+验证码登录功能)

    前言 网上的大部分获取验证码逻辑的例子,代码多还不健壮,本文将用最少的代码实现相同的功能. 当点击获取验证码按钮时,会自动进入倒计时,同时按钮无法点击, 您可以自定义倒计时时间,如下图所示: 这块由于 ...

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

    <template><view class="content"><view class="inps"><input c ...

  4. JS点击获取验证码后60秒内禁止重新获取(防刷新)

    JS点击获取验证码后60秒内禁止重新获取(防刷新) 参考 · 阅读文章: JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效) 注意: 场景:在登录页点击发送啊验证码按钮,开始进入倒计时,在第3 ...

  5. vue+elementui 实现点击验证码出现60秒倒计时

    vue+elementui 实现点击验证码出现60秒倒计时 div部分 <div class="verCode@click="getVerCode":disable ...

  6. 短信API随机验证码加60秒后重新发送短息验证码

    短信API随机验证码加60秒后重新发送短息验证码 SMS短信验证,随机数验证码 JS /* 短信验证码 */$("#fasongyanzhengma").click(functio ...

  7. 【原创】倒计时60秒关机小程序下载

        下载地址: (提取码:cx1r) 这是两款不同风格的倒计时60秒关机小程序,与Windows任务计划程序配合使用,简直棒极了. 转载于:https://www.cnblogs.com/cond ...

  8. vue element-ui 手机号校验 验证码校验 获取验证码倒数60秒无样式实现

    这段时间被迫搞前端搞裂开了,记录一下手机号验证码校验登录的极简无样式前端实现 巨丑!希望大佬们不介意 下面是先演示效果 点击登陆后显示校验信息 输入手机号点击获取验证码 输入符合校验的内容后点击登录提 ...

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

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

最新文章

  1. python使用ctype中”OSError: [WinError 193] %1 不是有效的 Win32 应用程序“的解决办法
  2. 程序员的高速学习法——以JS学习为例,进行图解
  3. df 和 du 命令详解
  4. Python机器学习——线性模型
  5. c++类的实例化,有没有new的区别
  6. Android常用的开源框架
  7. luogu P1762 偶数
  8. 计算机专业怎样提升竞争力,新形势下如何提高计算机专业学生就业竞争力.doc...
  9. 安装Mirantis OpenStack Fuel 9.0
  10. 《计算机视觉:模型、学习和推理》一3.1 伯努利分布
  11. 基于ajax请求异常捕获
  12. 从html富文本中提取纯文本
  13. 【每日算法Day 102】美团 AI 平台算法工程师面试编程题
  14. JS页面打开方式丶对话框及页面跳转方式
  15. 《高质量C编程指南》读后感
  16. 程序员如何一键批量下载Iconfont图标
  17. Pandas创建透视表教程
  18. centos 7 屏蔽国外ip访问
  19. 淦ORB-SLAM2源码 09--SIM(3)算法
  20. 软件测试系列——冒烟测试

热门文章

  1. Docker 入门系列(1)- 初识容器,镜像、容器、仓库的区别
  2. FastAPI 自动生成的docs文档没法使用
  3. Docker学习(七)-----Docker安装nginx
  4. 认清自己,就能活出更好的自己
  5. 【SpringMVC】概述
  6. 论文溯源树AMiner
  7. Python Re 模块超全解读!详细
  8. Python---哈夫曼树---Huffman Tree
  9. 主流手机OS与鸿蒙OS
  10. camera中LENS和SENSOR的CRA是如何搭配的?