div
<input type="" name="" id="adc" value="" />
<button id="btn1">獲取驗(yàn)證碼</button>
<button id="btn2">提交</button>
js
<script type="text/javascript">
var cer=(Math.floor(Math.random()*(9999-1000+1)+1000));
var btn1 = document.getElementById('btn1');
btn1.onclick=function(){
if(btn1.innerHTML=='獲取驗(yàn)證碼'){
alert(cer);
var s=8;
btn1.innerHTML=s+'獲取驗(yàn)證碼';
var b=setInterval(function(){
s--;
btn1.innerHTML=s+'獲取驗(yàn)證碼';
if(s<0){
clearInterval(b);
btn1.innerHTML='獲取驗(yàn)證碼';
}
},1000)
}
var ce=document.getElementById('adc').value;
btn2.onclick=function(){
if(adc.value==cer){
alert('正確');
btn1.innerHTML=cer;
}else{
alert('請(qǐng)重新獲取');
}
}
}
</script>
