suchen

Heim >Web-Frontend >js-Tutorial >JavaScript-Code, um zu bestimmen, auf welche Schaltfläche geklickt werden soll_Javascript-Kenntnisse

JavaScript-Code, um zu bestimmen, auf welche Schaltfläche geklickt werden soll_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:25:581628Durchsuche

Es war in letzter Zeit sehr entspannend. Ich habe meine Freizeit genutzt, um den entsprechenden Code zu implementieren und zu bestimmen, auf welche Schaltfläche geklickt werden soll: 

 <html>
   <head>
     <meta charset='utf-'>
   </head>
   <body>
     <button>第一个</button>
     <button>第二个</button>
     <button>第三个</button>
     <button>第四个</button>
     <button>第五个</button>
     <script>
       var but=document.getElementsByTagName('button');
       for(i=;i<but.length;i++){
         but[i].setAttribute('i',i+);
         but[i].onclick=function(){
           b=this.getAttribute('i');
           alert('这是第'+b+'个按钮');
         }
       }
     </script>
   </body>
 </html>

Der folgende Code stellt Ihnen die JavaScript-Implementierung vor. Nachdem Sie auf eine Schaltfläche geklickt haben, dauert es weitere 60 Sekunden, bis Sie erneut auf die Schaltfläche klicken

Bei der Registrierung müssen Sie eine E-Mail senden, um die Kontoaktivierung zu bestätigen. Um ein wiederholtes Versenden von E-Mails zu vermeiden, können Sie die Schaltfläche so einstellen, dass sie nach dem Klicken auf „Senden“ eine Weile wartet, bevor Sie darauf klicken können. Hier ist ein einfaches Beispiel: 

<html> 
<head> 
<title>点击获取验证码按钮后按钮变灰，倒计时一段时间后又可重复点击</title> 
</head> 
<body> 
<input type="button" id="btn" value="免费获取验证码" /> 
<script type="text/javascript"> 
var wait=60; 
function time(o) { 
    if (wait == 0) { 
      o.removeAttribute("disabled");      
      o.value="免费获取验证码"; 
      wait = 60; 
    } else { 
      o.setAttribute("disabled", true); 
      o.value=wait+"秒后可以重新发送"; 
      wait--; 
      setTimeout(function() { 
        time(o) 
      }, 
      1000) 
    } 
  } 
document.getElementById("btn").onclick=function(){time(this);} 
</script> 
</body> 
</html>

Das Obige ist die vollständige Beschreibung dieses Artikels, ich hoffe, dass es euch allen gefällt.

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
Vorheriger Artikel：jQuery-Scrolling-Image-Implementierung prinzip_jqueryNächster Artikel：jQuery-Scrolling-Image-Implementierung prinzip_jquery

In Verbindung stehende Artikel

Mehr sehen