Heim > Web-Frontend > js-Tutorial > 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
Freigeben: 2016-05-16 15:24:36
Original
1343 Leute haben es durchsucht

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>
Nach dem Login kopieren

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage