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

<!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;

function settime(obj) {

if (countdown == 0) {

obj.removeAttribute("disabled");

obj.value="免费获取验证码";

countdown = 60;

return;

} else {

obj.setAttribute("disabled", true);

obj.value="重新发送(" + countdown + ")";

countdown--;

}

setTimeout(function() {

settime(obj) }

,1000)

}

</script>

<body>

<input type="button" id="btn" value="免费获取验证码" οnclick="settime(this)" />

</body>

</html>

免费获取验证码60秒倒计时相关推荐

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

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

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

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

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

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

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

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

  5. uni验证码60秒倒计时

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

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

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

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

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

  8. 小程序 验证码60秒倒计时

    <button disabled="{{isClick}}" class="r_code" bindtap="getCountdown" ...

  9. Javascript 获取验证码60秒倒计

    <button id="time">获取验证码</button>var countdown = 60; var but = document.getElem ...

最新文章

  1. linux重装系统后 70-persistent-net.rules 不能删除解决
  2. 神奇的问题记录【SqlDataAdapter Fill DataSet】
  3. spring的aop整理
  4. 家用电器用户行为分析与事件识别代码详解+修改后运行无误的代码
  5. nginx长连接出现504的解决办法
  6. 基本配置1-被忽悠进了CentOS 6
  7. 一周学会HTML----Day03常用标签(下)
  8. 美版知乎:没有美国和其他国家的许可,中国怎么能建造空间站?
  9. 中国通用电阻器市场趋势报告、技术动态创新及市场预测
  10. Java集合---概述(1)
  11. 安装树莓派摄像头模块方法
  12. 基于matlab的运动目标检测
  13. Swing - 简单入门
  14. MMA7455加速度传感器測量角度
  15. hazelcast java_Java分布式内存开源实现:Hazelcast
  16. Android 类似未读短信消息图标显示的实现分析
  17. 凡人修c传(四)翻牌子(POJ - 3279 - Fliptile每日一水)
  18. Python相关库的安装
  19. 计算机网络——Packet Trace路由器配置——课程设计
  20. linux内核编译系统调用,linux编译内核及添加系统调用

热门文章

  1. linux 下 将 shell script 与 一个桌面图标联系在一起 (2)
  2. 捣鼓 Subversion
  3. 使用Helm 在容器服务k8s集群一键部署wordpress
  4. Cocos Creator 为Button添加事件的两种方法
  5. 折腾了一晚上Windows网络却未果
  6. 1264: [AHOI2006]基因匹配Match
  7. VMware中安装CentOS7网络配置静态IP地址,常用配置和工具安装
  8. MVVM架构~knockoutjs系列之为validation.js扩展minLength和maxLength
  9. Java报表工具技巧--如何在Style Report创建用户自定义报表模板
  10. 【翻译】Play框架入门教程一:建立项目