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 确定css方框模型(盒模型Box Model)
Jan 22 Javascript
jquery插件制作 提示框插件实现代码
Aug 17 Javascript
9行javascript代码获取QQ群成员具体实现
Oct 16 Javascript
js实现简单秒表走动的时钟特效
Mar 25 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
Aug 11 Javascript
jquery实现的横向二级导航效果代码
Aug 26 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
Aug 05 Javascript
vue监听scroll的坑的解决方法
Sep 07 Javascript
探讨Vue.js的组件和模板
Oct 27 Javascript
详解Vue组件实现tips的总结
Nov 01 Javascript
vue 解决文本框被键盘遮住的问题
Nov 06 Javascript
vue.js this.$router.push获取不到params参数问题
Mar 03 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
十大催泪虐心动漫电影,有几部你还没看
2020/03/04 日漫
php调用mysql数据 dbclass类
2011/05/07 PHP
PHP查询网站的PR值
2013/10/30 PHP
laravel安装和配置教程
2014/10/29 PHP
PHP ajax 异步执行不等待执行结果的处理方法
2015/05/27 PHP
CodeIgniter配置之database.php用法实例分析
2016/01/20 PHP
PHP创建多级目录的两种方法
2016/10/28 PHP
FLASH 广告之外的链接
2008/12/16 Javascript
jQuery的初始化与对象构建之浅析
2011/04/12 Javascript
javascript开发技术大全 第4章 直接量与字符集
2011/07/03 Javascript
你不知道的高性能JAVASCRIPT
2016/01/18 Javascript
基于bootstrap插件实现autocomplete自动完成表单
2016/05/07 Javascript
jquery按回车键实现表单提交的简单实例
2016/05/25 Javascript
JQuery 设置checkbox值二次无效的解决方法
2016/07/22 Javascript
EasyUI 中combotree 默认不能选择父节点的实现方法
2016/11/07 Javascript
Webpack中publicPath路径问题详解
2018/05/03 Javascript
vue + typescript + 极验登录验证的实现方法
2019/06/27 Javascript
vue-cli点击实现全屏功能
2020/03/07 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
2020/04/07 Javascript
JQuery Ajax如何实现注册检测用户名
2020/09/25 jQuery
[01:34]DAC2018主赛事第四日五佳镜头 Gh巨牙海民助Miracle-死里逃生
2018/04/07 DOTA
python用WxPython库实现无边框窗体和透明窗体实现方法详解
2020/02/21 Python
django ORM之values和annotate使用详解
2020/05/19 Python
python使用多线程+socket实现端口扫描
2020/05/28 Python
Python datetime模块使用方法小结
2020/06/18 Python
Python with语句用法原理详解
2020/07/03 Python
Python利用matplotlib绘制折线图的新手教程
2020/11/05 Python
HTML5 Canvas概述
2009/08/26 HTML / CSS
护理学专业推荐信
2013/12/03 职场文书
安全资金保障制度
2014/01/23 职场文书
行政人事岗位职责
2014/03/17 职场文书
班主任对学生的评语
2014/04/26 职场文书
《中国梦我的梦》大学生演讲稿
2014/08/20 职场文书
2016年大学生暑期社会实践活动总结
2016/04/06 职场文书
css height属性中的calc方法详解
2021/06/03 HTML / CSS
Java面试题冲刺第十五天--设计模式
2021/08/07 面试题