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 相关文章推荐
javascript延时重复执行函数 lLoopRun.js
Jun 29 Javascript
JavaScript 常用函数
Dec 30 Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
Aug 02 Javascript
用表格输出1-1000之间的数字实现代码(附特效)
Apr 21 Javascript
JS清除选择内容的方法
Jan 29 Javascript
JS给超链接加确认对话框的方法
Feb 24 Javascript
使用AngularJS处理单选框和复选框的简单方法
Jun 19 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
Feb 15 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
May 12 Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
Aug 21 jQuery
vue将单页面改造成多页面应用的方法
Nov 25 Javascript
JS使用正则表达式提交页面验证的代码
Oct 16 Javascript
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多文件上传功能实现原理及代码
2013/04/18 PHP
VB中的RasEnumConnections函数返回632错误解决方法
2014/07/29 PHP
php中获取主机名、协议及IP地址的方法
2014/11/18 PHP
php实现refresh刷新页面批量导入数据的方法
2014/12/23 PHP
WordPress过滤垃圾评论的几种主要方法小结
2016/07/11 PHP
使用PHP+MySql实现微信投票功能实例代码
2017/09/29 PHP
PHP实现获取毫秒时间戳的方法【使用microtime()函数】
2019/03/01 PHP
php DES加密算法实例分析
2019/09/18 PHP
解决Laravel自定义类引入和命名空间的问题
2019/10/15 PHP
javascript数组去重3种方法的性能测试与比较
2013/03/26 Javascript
模拟电子签章盖章效果的jQuery插件源码
2013/06/24 Javascript
将json当数据库一样操作的javascript lib
2013/10/28 Javascript
NodeJs中的VM模块详解
2015/05/06 NodeJs
基于jQuery实现的双11天猫拆红包抽奖效果
2015/12/01 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
2017/05/15 Javascript
webpack+vue中使用别名路径引用静态图片地址
2017/11/20 Javascript
js Element Traversal规范中的元素遍历方法
2018/04/19 Javascript
JS限制输入框输入的实现代码
2018/07/02 Javascript
angularJS实现不同视图同步刷新详解
2018/10/09 Javascript
JS字典Dictionary类定义与用法示例
2019/02/01 Javascript
微信小程序开发常见问题及解决方案
2019/07/11 Javascript
从零撸一个pc端vue的ui组件库( 计数器组件 )
2019/08/08 Javascript
[00:16]热血竞技场
2019/03/06 DOTA
python写xml文件的操作实例
2014/10/05 Python
Python的ORM框架中SQLAlchemy库的查询操作的教程
2015/04/25 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
python探索之BaseHTTPServer-实现Web服务器介绍
2017/10/28 Python
浅谈Python的条件判断语句if/else语句
2019/03/21 Python
pycharm激活码有效到2020年11月底
2020/09/18 Python
Python使用graphviz画流程图过程解析
2020/03/31 Python
canvas基础之图形验证码的示例
2018/01/02 HTML / CSS
村支部书记群众路线对照检查材料思想汇报
2014/10/08 职场文书
部门经理助理岗位职责
2015/04/13 职场文书
决心书格式及范文
2019/06/24 职场文书
工作计划范文之财务管理
2019/08/09 职场文书
python热力图实现的完整实例
2022/06/25 Python