Maison > interface Web > js tutoriel > le corps du texte

Comment restaurer la fonctionnalité de clic sur un bouton à l'aide du compte à rebours JS

php中世界最好的语言
Libérer: 2018-06-02 15:59:03
original
2629 Les gens l'ont consulté

Cette fois, je vais vous montrer comment utiliser la fonction de clic du bouton de récupération du compte à rebours JS, et quelles sont les précautions lors de l'utilisation de la fonction de clic du bouton de récupération du compte à rebours JS Voici un cas pratique, prenons un. regarder.

Une fois le compte à rebours écoulé, cliquez sur le bouton de reprise, qui est souvent utilisé pour lire l'accord :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>阅读协议倒计时</title>
    <script>
      var tim=9;
      function aaa(){
        var btnn=document.getElementById("btn");
        if(tim<=0)
        {
          btnn.value="注册";
          btnn.disabled="";
        }
        else
        {
          btnn.value="请仔细阅读,还剩"  +tim+"秒";
          tim--;
        }
      }
      setInterval("aaa()",1000);
    </script>
  </head>
  <body>
    <textarea style="width: 500px;height: 300px;">
    </textarea>
    <input type="button" id="btn" value="请仔细阅读,还剩10秒" disabled="disabled" />
  </body>
</html>
Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article .Pour des informations plus intéressantes, veuillez prêter attention à d'autres sujets connexes dans l'article du site Web PHP chinois !

Lecture recommandée :

Comment utiliser Vue pour implémenter un bouton de compte à rebours

Comment utiliser Vue pour écrire un deux liaison de données -way

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal