js获取验证码倒计时效果

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>One</title></head><body><input type="button" id="btn" value="发送验证码" οnclick="OneTime(this)"/><script>  var cunt = 60;  function OneTime(val) {    if (cunt == 0){      val.removeAttribute("disabled")      val.value = "发送验证码"      cunt = 60;    } else {      val.setAttribute("disabled",true)      val.value = "请重新发送（ "+ cunt +" ）";      cunt--;      setTimeout(function () {        OneTime(val)      },1000)    }  }</script></body></html>

转载于:https://www.cnblogs.com/Liu-yz/p/10382410.html

js获取验证码倒计时效果相关推荐

js 获取验证码倒计时
1 html 部分 <text :disabled="disabled" @click="getCode">{{ btntext }}</te ...
js获取验证码倒计时60s(超简单)
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
JS实现验证码倒计时验证案例
JS实现验证码倒计时验证案例前言验证案例 1.代码 2.代码功能解析 1.验证码 2.验证 3.倒计时总结前言这是一个将验证和倒计时综合起来的案例,案例也不难理解,在页面的设计中,需要这样的 ...
Html+Css+js实现春节倒计时效果（移动端和PC端）
目录前言导语效果预览 html部分移动端样式(mobile.css) pc端样式(style.css) js部分效果演示移动端 pc端总结下载地址前言我是歌谣我有个兄弟巅峰的时 ...
小程序：js获取验证码时（倒计时模块）
代码例子截图最近在上手开发小程序,发现其实小程序要比vue真的要简单太多了,有一套自己的html(WXML),css(WXSS),虽然有些标签不能直接沿用html5的标签来开发,不过内置的标签还是很好 ...
简单实现获取短信验证码倒计时效果
我急切地盼望着可以经历一场放纵的快乐,纵使巨大的悲哀将接踵而至,我也在所不惜.--太宰治<人间失格> 一:HTML结构: <div class="input-box1&qu ...
JS 验证码倒计时效果
<script> var countdown = 30; $("#btnSubmit").click(function () { if (checkPhone ...
Axure9 实现点击获取验证码倒计时功能
此文章帮助大家实现App的点击获取验证码的倒计时功能. 1:创建按钮和全局变量: 拖入一个矩形,创建全局变量Time=60. 在项目里面就可以找到创建全局变量的地方. 2:添加点击事件: (1):添加 ...
发送验证码倒计时效果实现
目录前言一.应用场景二.代码演示三. 效果演示总结前言今天用@vueuse/core中提供的一个方法,实现发送验证码时倒计时的一个效果.这样的场景使我们经常会见到的,一起来看一下如何实现 ...

js获取验证码倒计时效果

js获取验证码倒计时效果相关推荐

最新文章

热门文章