Home >Web Front-end >JS Tutorial >JavaScript code to determine which button to click_javascript skills

JavaScript code to determine which button to click_javascript skills

WBOYOriginal: 2016-05-16 15:25:581632browse

It’s been very relaxing recently. The project is over. I took advantage of my free time to write a piece of javascript code to implement the relevant code to determine which button to click. The specific code is as follows:

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

The following piece of code will introduce to you the JavaScript implementation. After clicking a button, it will take another 60 seconds to click the button again

When registering, you need to send an email to verify the account activation. In order to avoid repeated sending of emails, you can set the button to wait for a while after clicking send before you can continue to click it. Here is a simple example:

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

The above is the entire description of this article, I hope you all like it.

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：jQuery scrolling image implementation principle_jqueryNext article：jQuery scrolling image implementation principle_jquery

See more

JavaScript code to determine which button to click_javascript skills

Related articles