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 定义新对象方法
Feb 20 Javascript
js判断一个元素是否为另一个元素的子元素的代码
Mar 21 Javascript
JavaScript和CSS交互的方法汇总
Dec 02 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
Jul 08 Javascript
jQuery插件Timelinr 实现时间轴特效
Oct 04 Javascript
Bootstrap源码学习笔记之bootstrap进度条
Dec 24 Javascript
vue 通过下拉框组件学习vue中的父子通讯
Dec 19 Javascript
Three.js 再探 - 写一个微信跳一跳极简版游戏
Jan 04 Javascript
vue中子组件的methods中获取到props中的值方法
Aug 27 Javascript
angular的输入和输出的使用方法
Sep 22 Javascript
浅析vue中的provide / inject 有什么用处
Nov 10 Javascript
Vue路由 重定向和别名的区别说明
Sep 09 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 用sock技术发送邮件的函数
2007/07/21 PHP
优化PHP代码的53条建议
2008/03/27 PHP
PHP PDOStatement::fetchAll讲解
2019/01/31 PHP
php创建多级目录与级联删除文件的方法示例
2019/09/12 PHP
Alliance vs AM BO3 第二场2.13
2021/03/10 DOTA
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
2010/03/04 Javascript
js获取指定日期前后的日期代码
2013/08/20 Javascript
JavaScript中判断对象类型的几种方法总结
2013/11/11 Javascript
ExtJS[Desktop]实现图标换行示例代码
2013/11/17 Javascript
使用jQuery实现input数值增量和减量的方法
2015/01/24 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
2015/12/25 Javascript
ECMAScript6快速入手攻略
2016/07/18 Javascript
js实现页面刷新滚动条位置不变
2016/11/27 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
2017/12/04 Javascript
深入了解javascript 数组的sort方法
2018/06/01 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
2019/10/24 Javascript
vue实现井字棋游戏
2020/09/29 Javascript
基于Python中capitalize()与title()的区别详解
2017/12/09 Python
Python二维码生成识别实例详解
2019/07/16 Python
Django中提供的6种缓存方式详解
2019/08/05 Python
python3实现往mysql中插入datetime类型的数据
2020/03/02 Python
Python标准库json模块和pickle模块使用详解
2020/03/10 Python
Keras自定义IOU方式
2020/06/10 Python
Pycharm快捷键配置详细整理
2020/10/13 Python
Python模块常用四种安装方式
2020/10/20 Python
Python调用Redis的示例代码
2020/11/24 Python
英国布鲁姆精品店:Bloom Boutique
2018/03/01 全球购物
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
美国领先的眼镜和太阳镜在线零售商:Glasses.com
2019/08/26 全球购物
Java平台和其他软件平台有什么不同
2015/06/05 面试题
党员创先争优公开承诺书
2014/03/28 职场文书
我的大学四年规划书范文2014
2014/09/26 职场文书
离婚协议书范本2014
2014/10/27 职场文书
摘录式读书笔记
2015/07/01 职场文书
100句拼搏进取的名言警句,值得一读!
2019/10/07 职场文书
CSS link与@import的区别和用法解析
2023/05/07 HTML / CSS