Maison > Article > interface Web > Comment implémenter un compte à rebours de soixante secondes en utilisant jquery
Comment implémenter un compte à rebours de soixante secondes en utilisant jquery
- 不言original
- 2018-07-14 16:38:573017parcourir
Cet article présente principalement l'utilisation de jquery pour implémenter un compte à rebours de soixante secondes. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent se référer à
Envoyer fréquemment utilisé devant. -fin du développement Le compte à rebours du bouton est réécrit à chaque fois, ce qui est assez gênant. Enregistrez-le et copiez le code directement à l'avenir
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
<title>60s倒计时</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<input type="button" value="邮箱验证码" onclick="sendVerificationCode(this)" />
<script type="text/javascript">
//发送验证码按钮的60s倒计时
var countdown = 60;
function sendVerificationCode(obj) {
if(countdown == 0) {
obj.removeAttribute("disabled");
obj.value = "重新获取";
countdown = 60;
return;
} else {
obj.setAttribute("disabled", true);
obj.value = "重新(" + countdown + ")";
countdown--;
}
setTimeout(function() {
sendVerificationCode(obj)
}, 1000)
}
</script>
</body>
</html>Ce qui précède est l'intégralité du contenu de cet article. utile à l'étude de chacun. Plus connexe Veuillez faire attention au site Web PHP chinois pour le contenu !
Recommandations associées :
À propos du problème de portée dans le minuteur dans js
Imitez fidèlement querySeletor Compatible avec IE 67
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!