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 相关文章推荐
WEB高性能开发之疯狂的HTML压缩
Jun 19 Javascript
javascript设计模式 封装和信息隐藏(上)
Jul 24 Javascript
探讨javascript是不是面向对象的语言
Nov 21 Javascript
JS实现选择TextArea内文本的方法
Aug 03 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
Feb 26 Javascript
jQuery基本选择器和层次选择器学习使用
Feb 27 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
Mar 09 Javascript
JS字符串按逗号和回车分隔的方法
Apr 25 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
Apr 25 Javascript
原生JS实现不断变化的标签
May 22 Javascript
Node.js 在本地生成日志文件的方法
Feb 07 Javascript
JavaScript 防篡改对象的用法示例
Apr 24 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
phpmyadmin 常用选项设置详解版
2010/03/07 PHP
PHP 反射(Reflection)使用实例
2015/05/12 PHP
php分割合并两个字符串的函数实例
2015/06/19 PHP
PHP图片裁剪与缩放示例(无损裁剪图片)
2017/02/08 PHP
visual studio code 调试php方法(图文详解)
2017/09/15 PHP
浅谈PHP进程管理
2019/03/08 PHP
繁简字转换功能
2006/07/19 Javascript
extjs grid设置某列背景颜色和字体颜色的方法
2010/09/03 Javascript
JavaScript中的类数组对象介绍
2014/12/30 Javascript
JS 通过系统时间限定动态添加 select option的实例代码
2016/06/09 Javascript
微信小程序 wxapp导航 navigator详解
2016/10/31 Javascript
Mongoose中document与object的区别示例详解
2017/09/18 Javascript
浅谈vue-cli加载不到dev-server.js的解决办法
2017/11/24 Javascript
vue父组件向子组件(props)传递数据的方法
2018/01/02 Javascript
使用vuex的state状态对象的5种方式
2018/04/19 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
2018/10/19 Javascript
Node.js API详解之 vm模块用法实例分析
2020/05/27 Javascript
vue接口请求加密实例
2020/08/11 Javascript
[01:13]DOTA2群星解读国服召集令 一起说出回归的理由
2013/07/17 DOTA
在Python中使用M2Crypto模块实现AES加密的教程
2015/04/08 Python
Python利用ansible分发处理任务
2015/08/04 Python
python基础_文件操作实现全文或单行替换的方法
2017/09/04 Python
python基础之包的导入和__init__.py的介绍
2018/01/08 Python
Django 对象关系映射(ORM)源码详解
2019/08/06 Python
python 利用jinja2模板生成html代码实例
2019/10/10 Python
如何把python项目部署到linux服务器
2020/08/26 Python
Python使用Turtle模块绘制国旗的方法示例
2021/02/28 Python
Joe Fresh官网:加拿大时尚品牌和零售连锁店
2016/11/30 全球购物
荷兰领先的百货商店:De Bijenkorf
2018/10/17 全球购物
倡议书格式
2014/04/14 职场文书
倡导文明标语
2014/06/16 职场文书
房地产资料员岗位职责
2014/07/02 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
县政府办公室领导班子对照检查材料思想汇报
2014/09/28 职场文书
停水通知
2015/04/16 职场文书
电力安全学习心得体会
2016/01/18 职场文书