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 相关文章推荐
jQueryUI写一个调整分类的拖放效果实现代码
May 10 Javascript
jQuery 隐藏和显示 input 默认值示例
Jun 03 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
Dec 15 Javascript
js HTML5 Ajax实现文件上传进度条功能
Feb 13 Javascript
JS作为值的函数用法示例
Jun 20 Javascript
JavaScript基础之流程控制语句的用法
Aug 31 Javascript
React diff算法的实现示例
Apr 20 Javascript
JavaScript+H5实现微信摇一摇功能
May 23 Javascript
微信小程序实现人脸识别
May 25 Javascript
使用Node.js实现一个多人游戏服务器引擎
Mar 13 Javascript
vue组件命名和props命名代码详解
Sep 01 Javascript
在vue中使用echarts(折线图的demo,markline用法)
Jul 20 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扩展介绍与开发教程
2010/08/19 PHP
php将session放入memcached的设置方法
2014/02/14 PHP
php实现事件监听与触发的方法
2014/11/21 PHP
smarty简单入门实例
2014/11/28 PHP
PHP程序中的文件锁、互斥锁、读写锁使用技巧解析
2016/03/21 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
jquery ui dialog里调用datepicker的问题
2009/08/06 Javascript
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
2010/03/23 Javascript
JQuery自定义事件的应用 JQuery最佳实践
2010/08/01 Javascript
JavaScript 原型继承
2011/12/26 Javascript
解析javascript 数组以及json元素的添加删除
2013/06/26 Javascript
jQuery javaScript捕获回车事件(示例代码)
2013/11/07 Javascript
动态的绑定事件addEventListener方法的使用
2014/01/24 Javascript
jquery实现ajax提交form表单的方法总结
2014/03/03 Javascript
JavaScript将一个数组插入到另一个数组的方法
2015/03/19 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
Jquery Ajax Error 调试错误的技巧
2015/11/20 Javascript
NodeJS的Promise的用法解析
2016/05/05 NodeJs
angular中的cookie读写方法
2017/08/02 Javascript
python 字典(dict)遍历的四种方法性能测试报告
2014/06/25 Python
python 回调函数和回调方法的实现分析
2016/03/23 Python
ubuntu环境下python虚拟环境的安装过程
2018/01/07 Python
python如何实现反向迭代
2018/03/20 Python
Python实现爬取百度贴吧帖子所有楼层图片的爬虫示例
2018/04/26 Python
pycharm 实现显示project 选项卡的方法
2019/01/17 Python
python读取指定字节长度的文本方法
2019/08/27 Python
pandas数据处理进阶详解
2019/10/11 Python
python常用排序算法的实现代码
2019/11/08 Python
Pytorch 计算误判率,计算准确率,计算召回率的例子
2020/01/18 Python
使用TensorFlow对图像进行随机旋转的实现示例
2020/01/20 Python
CSS3实现滚动条动画效果代码分享
2016/08/03 HTML / CSS
周仰杰(JIMMY CHOO)英国官方网站:闻名世界的鞋子品牌
2018/10/28 全球购物
党员领导干部民主生活会批评与自我批评发言
2014/09/28 职场文书
慰问信格式
2015/02/14 职场文书
小学思品教学反思
2016/02/20 职场文书
java泛型通配符详解
2021/07/25 Java/Android