文档章节

原生js实现获取验证码--60S倒计时

igoryuyu
 igoryuyu
发布于 2018/08/12 21:26
字数 108
阅读 1
收藏 0
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>interval</title>
</head>
<body>
  
<div>
  <button id="interval">获取验证码</button>
</div>
<script>
  const interval = document.getElementById('interval')
  let count = 60
  interval.addEventListener('click', () => {
    if(count !== 60) return
    let timer = setInterval(() => {
      if(count <= 0){
        count = 60
        interval.innerText= '获取验证码'
        clearInterval(timer)
      }else{
        count--
        interval.innerText = count
      }
    }, 1000)
  })
</script>
</body>
</html>

© 著作权归作者所有

igoryuyu
粉丝 0
博文 15
码字总数 31758
作品 0
徐汇
高级程序员
私信 提问
点击按钮 倒计时60秒方可再次点击发送的Js代码

本节内容: Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果。 比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果。 本文用Javas...

Carl_
2014/08/06
1K
0
190. 定时之后 才允许送请求

用途及效果 用途:提醒用户倒计时 2.代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>倒计时10s</title> <script type="text/javascript" src="js/jquery-2.1.4.min.js"......

Lucky_Me
2018/10/23
9
0
WebView动态注入JavaScript脚本

Demo地址:https://gitee.com/chenyangqi/YouMeDai 背景介绍 在Android与JavaScript交互一文中学习了原生和JS交互,但是如果我们想和别人开发好的web页面交互呢,很明显这个web端并没有为我们...

木头同学
2018/08/07
0
0
iOS炫酷动画图案、多种选择器、网络测速、滑动卡片效果等源码

iOS精选源码 对网络进行测速(http://www.code4app.com/thread-31311-1-1.html) 自实现大标题,配合原生骨架屏demo(http://www.code4app.com/thread-31316-1-1.html) 简单方便的pickerVIew记录...

Android爱开源
2018/11/08
91
0
2016/11/22工作小结

1.如初商城js方法基本上写完了。然后研究了一下倒计时的算法。倒计时目前精确到天/时/分/秒。 记两个js方法 ①new Date获取当前时间 new Date()括号中可以写时间戳和其他格式的时间。 ②dat...

并不是
2016/11/22
1
1

没有更多内容

加载失败,请刷新页面

加载更多

75、GridFS

GridFS是MongoDB提供的用于持久化存储文件的模块,CMS使用Mongo DB存储数据,使用FGridFS可以快速集成开发。 工作原理: 在GridFS存储文件是将文件分块存储,文件会按照256KB的大小分割成多个...

lianbang_W
47分钟前
4
0
js bind 绑定this指向

本文转载于:专业的前端网站➱js bind 绑定this指向 1、示例代码 <!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <title>bind函数绑定this指向......

前端老手
50分钟前
4
0
CentOS Linux 7上将ISO映像文件写成可启动U盘

如今,电脑基本上都支持U盘启动,所以,可以将ISO文件写到U盘上,用来启动并安装操作系统。 我想将一个CentOS Linux 7的ISO映像文件写到U盘上,在CentOS Linux 7操作系统上,执行如下命令: ...

大别阿郎
56分钟前
4
0
深入vue-公司分享ppt

组件注册 全局注册 注册组件,传入一个扩展过的构造器 Vue.component('my-component', Vue.extend({/*...*/})) 注册组件,传入一个选项对象(自动调用Vue.extend) Vue.component('my-comp...

莫西摩西
58分钟前
4
0
gitlab重置管理员密码

登录gitlab服务器 [root@localhost bin]# sudo gitlab-rails console productionLoading production environment (Rails 5.2.3)irb(main):001:0> u = User.where(email: 'admin@example.co......

King华仔o0
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部