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 相关文章推荐
JavaScipt基本教程之前言
Jan 16 Javascript
js onkeypress与onkeydown 事件区别详细说明
Dec 13 Javascript
jquery插件orbit.js实现图片折叠轮换特效
Apr 14 Javascript
IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
Aug 21 Javascript
Boostrap模态窗口的学习小结
Mar 28 Javascript
Vue.js计算属性computed与watch(5)
Dec 09 Javascript
jQuery学习笔记之入门
Dec 14 Javascript
vue-router跳转页面的方法
Feb 09 Javascript
js编写选项卡效果
May 23 Javascript
JS设计模式之命令模式概念与用法分析
Feb 06 Javascript
聊聊Vue 中 title 的动态修改问题
Jun 11 Javascript
微信小程序表单验证WxValidate的使用
Nov 27 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去除重复字的实现代码
2011/09/16 PHP
PHP记录和读取JSON格式日志文件
2016/07/07 PHP
php curl获取到json对象并转成数组array的方法
2018/05/31 PHP
CI框架附属类用法分析
2018/12/26 PHP
Yaf框架封装的MySQL数据库操作示例
2019/03/06 PHP
js中复制行和删除行的操作实例
2013/06/25 Javascript
js数组操作学习总结
2013/11/04 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
2014/02/11 Javascript
Window.Open如何在同一个标签页打开
2014/06/20 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
2015/03/11 Javascript
JS通过Cookie判断页面是否为首次打开
2016/02/05 Javascript
JS中setTimeout的巧妙用法前端函数节流
2016/03/24 Javascript
Vue.js实现一个SPA登录页面的过程【推荐】
2017/04/29 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
2018/02/01 Javascript
通过cordova将vue项目打包为webapp的方法
2019/02/02 Javascript
python回调函数用法实例分析
2015/05/09 Python
python dict 字典 以及 赋值 引用的一些实例(详解)
2017/01/20 Python
tensorflow构建BP神经网络的方法
2018/03/12 Python
kaggle+mnist实现手写字体识别
2018/07/26 Python
Python Django框架url反向解析实现动态生成对应的url链接示例
2019/10/18 Python
Jupyter Notebook 实现正常显示中文和负号
2020/04/24 Python
python的Jenkins接口调用方式
2020/05/12 Python
python中有函数重载吗
2020/05/28 Python
python dir函数快速掌握用法技巧
2020/12/09 Python
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
HTML5新特性之用SVG绘制微信logo
2016/02/03 HTML / CSS
Fossil美国官网:Fossil手表、手袋、珠宝及配件
2017/02/01 全球购物
Hotter Shoes美国官网:英国最受欢迎的舒适鞋
2018/08/02 全球购物
村委会贫困证明
2014/01/14 职场文书
高中考试作弊检讨书
2014/01/14 职场文书
党课知识竞赛主持词
2014/04/01 职场文书
篮球赛口号
2014/06/18 职场文书
介绍信怎么写
2015/05/05 职场文书
办公经费申请报告
2015/05/15 职场文书
经典爱情感言
2015/08/03 职场文书
python实现三次密码验证的示例
2021/04/29 Python