点击按钮发送验证码,隔10秒再次发送倒计时效果-JS代码

为了防止用户恶意获取短信验证码或邮箱验证,在网站制作时会考虑在点击获取验证码的按钮上做个倒计时的效果。

需要隔10秒再次发送,

实现这个功能,需要用到setInterval和clearInterval。

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。

实例效果和代码如下:

See the Pen
获取验证码倒计时效果
by 江山如画 (@jgyzhr)
on CodePen.

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/4070.html

(0)
江山如画的头像江山如画管理团队
上一篇 2019年10月31日 下午3:55
下一篇 2019年10月31日 下午5:15

99%的人还看了以下文章

  • ScrollPicLeft.js实现的图片前后切换效果-源码下载

    ScrollPicLeft.js实现的图片的前后切换效果,适用于网页中的证书展示、推荐商品之类的栏目。 功能:可以手动点击前后切换箭头按钮,进行图片的翻页,浏览上一张,下一张的效果。 特点:代码精简,不需要使用JQuery,功能强大,使用非常的简单,便利。! 在网页引入ScrollPicLeft.js <script type=”text/javasc…

    2019年11月1日
    4.5K0
  • 立体动画按钮、切换开关

    实例名称:立体动画按钮、切换开关在线预览:https://codepen.io/chrisgannon/pen/ZaPmKp HTML代码: <div id=”app”></div> CSS代码: body { background-color:#FFFCF9; overflow: hidden; text-align:center;…

    2019年10月17日
    4.6K0
  • 中国省、市区二级联动下拉选择框-JS源码

    中国省、市区二级联动下拉选择框,包含所有省份及市县信息。 当选择省份下拉选择框时,市区的下拉框会根据选择的省市加载出来。如上图所示选择“山东省”,市的下拉选择框只会出现山东省的市县。 1.把中国省份和市区的信息放到JavaScript文件里(js/common.js),中国网页设计在js文件里定义了两个数组,分别存放省份和对应的市区。 //省份 var pr…

    2019年6月5日
    5.5K0
  • 超酷的HTML5 3D图片旋转动画特效

    中国网页设计分享的一款HTML5 3D图片动画特效,使用js动画框架TweenMax 技术实现。 这款HTML5 3D动画非常酷,当在图片上面拖动鼠标时,图片会在垂直方向分裂出数块小长方体,然后每一个小长方体沿着鼠标拖动的方向旋转。 效果演示      源码下载

    2018年9月28日
    9.3K0
  • 在网页右侧漂浮的QQ在线客服代码,QQ在线状态代码(四种样式)

    在网页右侧漂浮,很实用的一款QQ在线客服代码,点击QQ图标,可直接与客服对话。

    2018年2月17日
    7.4K0
  • 带左右箭头控制的网站幻灯片轮播切换效果

    一款比较实用的带左右箭头按钮控制的jquery slider图片插件,网站幻灯片焦点图片轮播切换代码下载。 页面代码非常简洁,适合调用更改。 <div class=”slider”> <div class=”slider-img”> <ul class=”slider-img-ul”> <li><img …

    2019年4月10日
    11.3K0

发表回复

登录后才能评论