为了防止用户恶意获取短信验证码或邮箱验证，在网站制作时会考虑在点击获取验证码的按钮上做个倒计时的效果。
需要隔10秒再次发送，
实现这个功能，需要用到setInterval和clearInterval。
setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。
实例效果和代码如下：
See the Pen
获取验证码倒计时效果 by 江山如画 (@jgyzhr)
on CodePen.
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/4070.html
最近做网页设计项目，要求点击图片后弹出窗口，在新弹出窗口中播放视频。从网上找了很多代码，要么非常复杂，要么兼容性有问题，反复对比多种实现方法，最后确定代码如下： <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″/> <title>JS+CSS实现…
一个精美的滑出式水平导航特效，打开页面只能看到文本链接，用户将鼠标悬停于标签上时，该导航菜单项目会滑出。 预览 下载源码 1、HTML结构 导航实现仅用一个简单的无序列表 <ul id=”navigation”> <li class=”home”><a href=””><span>Home</sp…
CSS+JS制作的垂直（纵向）二级导航菜单，可灵活修改。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS+JS制作的垂直（纵向）二级导航菜单|www.125jz.com</title> &…
css制作简洁的绿色导航菜单，代码非常简单，背景颜色和背景图片换下，即可满足大多数导航菜单需要。 导航菜单所需图片素材： 导航菜单HTML代码： <div id=”nav”> <ul> <li><a href=”http://www.125jz.com/”>首页</a></li> <…
中国省、市区二级联动下拉选择框，包含所有省份及市县信息。 当选择省份下拉选择框时，市区的下拉框会根据选择的省市加载出来。如上图所示选择“山东省”，市的下拉选择框只会出现山东省的市县。 1.把中国省份和市区的信息放到JavaScript文件里（js/common.js），中国网页设计在js文件里定义了两个数组，分别存放省份和对应的市区。 //省份 var pr…
微信扫一扫 
支付宝扫一扫 