Heim  >  Artikel  >  Web-Frontend  >  js erreicht den Effekt eines Countdowns von n Sekunden, bevor das Klicken erreicht werden kann_Javascript-Kenntnisse

js erreicht den Effekt eines Countdowns von n Sekunden, bevor das Klicken erreicht werden kann_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:24:361320Durchsuche

Wenn wir Benutzer registrieren, kommt es häufig vor, dass nach dem Klicken auf die Schaltfläche ein Countdown von 60 Sekunden angezeigt wird, bevor Sie mit dem Klicken fortfahren können. Diese 60 Sekunden dienen zur Vorbereitung Um „die Vereinbarung sorgfältig zu lesen“, wird Ihnen unten der detaillierte Code mitgeteilt.

<!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>

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die JavaScript-Programmierung lernen.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn