javascriptで送信検証コードと60秒のタイムトライアルを実現します.
1048 ワード
javascriptで実現する:
「検証コードを送信」ボタンをクリックすると、ボタンは順次「59秒後に再試行」「58秒後に再試行」と表示されます.0秒までカウントダウンしたら「送信認証コード」と表示されます.カウントダウン中はボタンが無効状態です.
「検証コードを送信」ボタンをクリックすると、ボタンは順次「59秒後に再試行」「58秒後に再試行」と表示されます.0秒までカウントダウンしたら「送信認証コード」と表示されます.カウントダウン中はボタンが無効状態です.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
window.onload=function(){
var send=document.getElementById('send'),
times=60,
timer=null;
send.onclick=function(){
//
timer=setInterval(function(){
times--;
if(times<=0){
send.value=' ';
clearInterval(timer);
times=10;
send.disabled=false;
}else{
send.value=times+' '
send.disabled=true;
}console.log(times)
},1000)
}
}
</script>
</head>
<body>
<input type="button" id="send" value=" ">
</body>
</html>