Maison > interface Web > js tutoriel > js obtient l'effet d'un compte à rebours de n secondes avant de pouvoir cliquer_compétences javascript

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
1324 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.

É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