为了防止用户恶意获取短信验证码或邮箱验证，在网站制作时会考虑在点击获取验证码的按钮上做个倒计时的效果。
需要隔10秒再次发送，
实现这个功能，需要用到setInterval和clearInterval。
setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。
实例效果和代码如下：
See the Pen
获取验证码倒计时效果 by 江山如画 (@jgyzhr)
on CodePen.
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/4070.html
css制作简洁的绿色导航菜单，代码非常简单，背景颜色和背景图片换下，即可满足大多数导航菜单需要。 导航菜单所需图片素材： 导航菜单HTML代码： <div id=”nav”> <ul> <li><a href=”http://www.125jz.com/”>首页</a></li> <…
用户点击导航或菜单上不同的栏目，被选中的导航栏目会变换样式，出现图片或背景颜色的变化，用于标识是否是当前栏目或活动选项。 本教程使用jquery实现导航菜单当前（活动）菜单样式变化，导航菜单模式用的是背景颜色，你可以换成背景图片以符合建站需要。 当前（活动）菜单样式变化实现原理 在html代码中给首页（默认选中）加上class名cur <a href=…
在线客服是企业网站必不可少的在线交流渠道，本站分享的在网页右侧可隐藏的浮动QQ在线客服使用jquery编写，固定在网站右侧不随滚动条滚动，点击展开，再次点击收缩，蓝色风格，调用方便。 网页右侧可隐藏的浮动QQ在线客服效果 HTML代码： <div id=floatTools class=jz125> <div class=floatL>…
ScrollPicLeft.js实现的图片的前后切换效果，适用于网页中的证书展示、推荐商品之类的栏目。 功能：可以手动点击前后切换箭头按钮，进行图片的翻页，浏览上一张，下一张的效果。 特点：代码精简，不需要使用JQuery，功能强大，使用非常的简单，便利。！ 在网页引入ScrollPicLeft.js <script type=”text/javasc…
非常简洁的一个三级导航菜单，纯css实现，适用于企业产品分类导航等，代码精简，兼容所有浏览器。 See the Pen 纯css实现的三级下拉导航菜单 by 江山如画 (@jgyzhr)on CodePen.
微信扫一扫 
支付宝扫一扫 