博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
一个最简的短信验证码倒计时例子
阅读量:5124 次
发布时间:2019-06-13

本文共 1261 字,大约阅读时间需要 4 分钟。

// 验证码倒计时var CountDown = function(options) {  // 初始化配置信息  options = options || {};  // DOM节点  if(typeof options.element === 'string') {    this.element = document.querySelector(options.element);  } else {    this.element = options.element;  }  // 触发事件类型  this.eventType = options.eventType || 'click'; //默认click事件触发  // 间隔时间  this.interval = options.interval || 60; //默认60s间隔  // 原有的文本  this.oldText = this.element.innerText;  // 开始  this.start = function() {    this.element.setAttribute('disabled', 'disabled');    this.timer = window.setInterval(function() {      if(!!this.interval) {        this.count();      } else {        this.end();      }    }.bind(this), 1000);  };  // 计算  this.count = function() {    this.element.innerText = '重新发送(' + this.interval + ')';    this.interval -= 1;  };  // 结束  this.end = function() {    if(!!this.timer) {      window.clearInterval(this.timer);      delete this.timer;    }    this.reset();  };  // 重置  this.reset = function() {    this.element.innerText = this.oldText;    this.element.removeAttribute('disabled');    this.interval = options.interval || 60;  };  // 绑定事件  this.element.addEventListener(this.eventType, this.start.bind(this), false);};

主要用于移动端

转载于:https://www.cnblogs.com/xiaoyucoding/p/8488679.html

你可能感兴趣的文章
centos7 源码安装goaccess
查看>>
leetcode[63]Unique Paths II
查看>>
如何写计算机会议的rebuttal
查看>>
nios ii小实验——第一个demo指导书
查看>>
git add -A 、git add -u 、 git add . 三种区别
查看>>
网络导通概率的研究
查看>>
2019hdu多校1
查看>>
前端性能优化知识,包括css和js
查看>>
微信开发绑定事件实现机制
查看>>
C#递归、动态规划计算斐波那契数列
查看>>
spring的基本用法
查看>>
Windows 8.1 & Windows Phone 开发环境安装遇到的问题
查看>>
jsoup简单的爬取网页数据
查看>>
Content Provider 基础 之URI
查看>>
------------------uniq 去重复
查看>>
mysql中的CURRENT_TIMESTAMP
查看>>
python死磕八之迭代器与生成器
查看>>
oracle索引
查看>>
C#带按钮的文本框TextBoxContainButton
查看>>
将制定文件路径下的文件内容合并到一个文件
查看>>