js obtient l'effet d'un compte à rebours de n secondes avant de pouvoir cliquer_compétences javascript-js tutoriel-php.cn

js obtient l'effet d'un compte à rebours de n secondes avant de pouvoir cliquer_compétences javascript

WBOY

Libérer： 2016-05-16 15:24:36

original

1302 Les gens l'ont consulté

Lorsque nous enregistrons des utilisateurs, nous constatons souvent qu'après avoir cliqué sur le bouton, il y aura un compte à rebours de 60 secondes avant que vous puissiez continuer à cliquer. Le compte à rebours peut également être affiché sur le bouton. Ces 60 secondes sont destinées à préparer tout le monde. pour "lire attentivement l'accord". Comment cette fonction est implémentée, le code détaillé est partagé avec vous ci-dessous.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>倒计时然后才可以点击效果代码</title> 
<script type="text/javascript">
var s=4;
function countsub()
{
 var btnReg=document.getElementById("btnReg");
 if(btnReg)
 {
 if(s<=0)
 {
  btnReg.value="同意";
  btnReg.disabled=false;
  clearInterval(id);
 }
 else
 {
  btnReg.value="请仔细阅读协议(还剩"+s+"秒)";
  s--;
 }
 }
}
var id = setInterval('countsub()',1000)
</script>
</head>
<body>
<textarea>注册协议</textarea>
<input id="btnReg" type="button" value="同意" disabled="true" />
</body>
</html>

Copier après la connexion

J'espère que cet article sera utile à tous ceux qui apprennent la programmation JavaScript.

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

js obtient l'effet d'un compte à rebours de n secondes avant de pouvoir cliquer_compétences javascript