为了防止用户恶意获取短信验证码或邮箱验证，在网站制作时会考虑在点击获取验证码的按钮上做个倒计时的效果。
需要隔10秒再次发送，
实现这个功能，需要用到setInterval和clearInterval。
setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。
实例效果和代码如下：
See the Pen
获取验证码倒计时效果 by 江山如画 (@jgyzhr)
on CodePen.
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/4070.html
中国省、市区二级联动下拉选择框，包含所有省份及市县信息。 当选择省份下拉选择框时，市区的下拉框会根据选择的省市加载出来。如上图所示选择“山东省”，市的下拉选择框只会出现山东省的市县。 1.把中国省份和市区的信息放到JavaScript文件里（js/common.js），中国网页设计在js文件里定义了两个数组，分别存放省份和对应的市区。 //省份 var pr…
纯CSS制作红色网站二级下拉导航菜单，代码非常简洁，适合修改后使用，入门就能掌握。 二级下拉导航菜单HTML代码： <nav> <ul> <li><a href=”#”>首页</a></li> <li><a href=”#”>电影</a> <ul…
在《中国省、市区二级联动下拉选择框-JS源码》文章中我们分享了省、市区二级联动的JS实现代码，今天125建站网给大家分享一款中国省、市、区县三级联动的代码，通过jQuery插件实现，调用非常简洁。 HTML结构 基本的HTML结构是使用一个<div>容器来包裹一组<select>元素。 <div><!– conta…
在线客服是企业网站必不可少的在线交流渠道，本站分享的在网页右侧可隐藏的浮动QQ在线客服使用jquery编写，固定在网站右侧不随滚动条滚动，点击展开，再次点击收缩，蓝色风格，调用方便。 网页右侧可隐藏的浮动QQ在线客服效果 HTML代码： <div id=floatTools class=jz125> <div class=floatL>…
实例名称：立体动画按钮、切换开关在线预览：https://codepen.io/chrisgannon/pen/ZaPmKp HTML代码： <div id=”app”></div> CSS代码： body { background-color:#FFFCF9; overflow: hidden; text-align:center;…
微信扫一扫 
支付宝扫一扫 