Comment implémenter un compte à rebours de soixante secondes en utilisant jquery-js tutoriel-php.cn

Comment implémenter un compte à rebours de soixante secondes en utilisant jquery

不言

Libérer： 2018-07-14 16:38:57

original

3062 Les gens l'ont consulté

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>

Copier après la connexion

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!