首页 > 代码库 > 点击获取验证码效果
点击获取验证码效果
1 var Btn = document.getElementById(‘btn‘); 2 var star = 10; 3 4 Btn.onclick = function(){ 5 var timer = setInterval(function(){ 6 star--; 7 Btn.disabled = true; 8 Btn.innerHTML = "重新发送验证码" + "(" + star + ")"; 9 console.log(star);10 if(star <= 0){11 Btn.innerHTML = "获取短信验证码";12 Btn.disabled = false;13 clearInterval(timer);14 }15 }, 1000);16 }
html：
<button type="button" id="btn">获取短信验证码</button>
值得一提的是，button按钮的类型问题，button按钮的默认类型是submit类型，如果不指定具体的的button类型的话，就会默认为submit，这样点击时候就会刷新页面，导致效果重置
点击获取验证码效果
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。