recherche

Maison >interface Web >js tutoriel >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:573092parcourir

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!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：À propos du problème de portée dans le minuteur en jsArticle suivant：À propos du problème de portée dans le minuteur en js

Articles Liés

Voir plus