So implementieren Sie den Countdown für den Bestätigungscode in JavaScript: Erstellen Sie zunächst eine HTML-Beispieldatei und rufen Sie sie schließlich über die Funktion „$('.hmac').on('click',function(){..) ab. .}" Methode Verifizierungscode und Countdown für 60 Sekunden.
Die Betriebsumgebung dieses Artikels: Windows7-System, Javascript-Version 1.8.5, Dell G3-Computer
Wie implementiert man den Verifizierungscode-Countdown mit js? 60s (super einfach)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试jquey的ajax方法</title>
<style>
*{
padding:0;
margin:0;
}
button{width: 20%;line-height: 50px;font-size: 30px;margin-left: 40%;margin-top: 20%; }
</style>
</head>
<body>
<div id="test"></div>
<button>获取验证码</button>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script>
$('.hmac').on('click',function(){
var that = $(this)
var timeo = 60;
var timeStop = setInterval(function(){
timeo--;
if (timeo>0) {
that.text('重新发送' + timeo +'s');
that.attr('disabled','disabled');//禁止点击
}else{
timeo = 60;//当减到0时赋值为60
that.text('获取验证码');
clearInterval(timeStop);//清除定时器
that.removeAttr('disabled');//移除属性，可点击
}
},1000)
})
</script>
</body>
</html>Javascript-Tutorial für Fortgeschrittene
“Das obige ist der detaillierte Inhalt vonSo implementieren Sie den Countdown für den Bestätigungscode in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
