JavaScript获取短信验证码(周期性)


Posted in Javascript onDecember 29, 2016

 本文实例为大家分享了js周期性获取短信验证码的具体代码,供大家参考,具体内容如下

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
</head>
<body>
<input type="text"/>
<input type="button" id="btn" value="点击发送验证码"/>
<script>
 var timerId = null;
 var btn = document.getElementById("btn");
 var num = 5;
 btn.onclick = function () {
  btn.disabled = true;
  timerId = setInterval(function () {
   num--;
   btn.value = num + "秒后可以发送";
   if (num === 0) {
    clearInterval(timerId);
    btn.value = "点击发送验证码";
    btn.disabled = false;
    num = 5;
   }
  }, 1000);
 };
</script>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery函数的等价原生函数代码示例
May 27 Javascript
详解JavaScript中undefined与null的区别
Mar 29 Javascript
node.js实现多图片上传实例
Jun 03 Javascript
JavaScript数组合并的多种方法
May 22 Javascript
浅谈jquery中的each方法$.each、this.each、$.fn.each
Jun 23 Javascript
jQuery验证表单格式的使用方法
Jan 10 Javascript
JS中showModalDialog关闭子窗口刷新主窗口用法详解
Mar 25 Javascript
javascript+html5+css3自定义提示窗口
Jun 21 Javascript
微信小程序如何自定义table组件
Jun 29 Javascript
vue如何在项目中调用腾讯云的滑动验证码
Jul 15 Javascript
JavaScript实现多层颜色选项卡嵌套
Sep 21 Javascript
vue使用vant中的checkbox实现全选功能
Nov 17 Vue.js
JavaScript实现同一个页面打开多张图片
Dec 29 #Javascript
Javascript 对cookie操作详解及实例
Dec 29 #Javascript
前端 Vue.js 和 MVVM 详细介绍
Dec 29 #Javascript
javascript显示系统当前时间代码
Dec 29 #Javascript
解析JavaScript模仿块级作用域
Dec 29 #Javascript
JavaScript仿支付宝6位数字密码输入框
Dec 29 #Javascript
vue实现列表的添加点击
Dec 29 #Javascript
You might like
php操作JSON格式数据的实现代码
2011/12/24 PHP
WordPress中创建用户角色的相关PHP函数使用详解
2015/12/25 PHP
非集成环境的php运行环境(Apache配置、Mysql)搭建安装图文教程
2016/04/12 PHP
PHP编写daemon process 实例详解
2016/11/13 PHP
PHP实现微信退款的方法示例
2019/03/26 PHP
js或者jquery判断图片是否加载完成实现代码
2013/03/20 Javascript
js动态设置鼠标事件示例代码
2013/10/30 Javascript
js特殊字符转义介绍
2013/11/05 Javascript
禁用Tab键JS代码兼容Firefox和IE
2014/04/18 Javascript
js实现点击向下展开的下拉菜单效果代码
2015/09/01 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
2017/01/19 Javascript
详解Vue2 SSR 缓存 Api 数据
2017/11/20 Javascript
JS中DOM元素的attribute与property属性示例详解
2018/09/04 Javascript
JavaScript中import用法总结
2019/01/20 Javascript
js字符串类型String常用操作实例总结
2019/07/05 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
2020/04/07 Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
2020/07/21 Javascript
[46:50]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python获取服务器信息的最简单实现方法
2015/03/05 Python
用Python进行TCP网络编程的教程
2015/04/29 Python
在Django的URLconf中使用多个视图前缀的方法
2015/07/18 Python
python pandas消除空值和空格以及 Nan数据替换方法
2018/10/30 Python
基于python实现名片管理系统
2018/11/30 Python
Python使用QQ邮箱发送邮件报错smtplib.SMTPAuthenticationError
2019/12/20 Python
python为QT程序添加图标的方法详解
2020/03/09 Python
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
销售人员求职的自我评价分享
2014/03/15 职场文书
研究生考核个人自我鉴定
2014/03/27 职场文书
公司授权委托书格式范文
2014/10/02 职场文书
单位接收函范文
2015/01/30 职场文书
为自己工作观后感
2015/06/11 职场文书
捐书仪式主持词
2015/07/04 职场文书
高中语文教学反思范文
2016/02/16 职场文书
2016年“我们的节日·清明节”活动总结
2016/04/01 职场文书
Java8中Stream的一些神操作
2021/11/02 Java/Android
MySQL聚簇索引和非聚簇索引的区别详情
2022/06/14 MySQL