recherche

Maison  >  Article  >  interface Web  >  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
WBOYoriginal
2016-05-16 15:24:361316parcourir

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>

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

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：Code de statistiques de trafic de site Web implémenté dans les compétences javascript_javascriptArticle suivant：Code de statistiques de trafic de site Web implémenté dans les compétences javascript_javascript

Articles Liés

Voir plus