ホームページ > 記事 > ウェブフロントエンド > どのボタンをクリックするかを決定する JavaScript コード_JavaScript スキル
どのボタンをクリックするかを決定する JavaScript コード_JavaScript スキル
- WBOYオリジナル
- 2016-05-16 15:25:581574ブラウズ
最近はとてもリラックスしていて、自由時間を利用して、どのボタンをクリックするかを決定するための JavaScript コードを作成しました。
<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>
次のコードでは、ボタンをクリックした後、再度ボタンをクリックするまでにさらに 60 秒かかります。
登録時に、アカウントのアクティベーションを確認するためのメールを送信する必要があります。メールの繰り返し送信を避けるために、送信をクリックした後、ボタンをクリックし続けるまでしばらく待つように設定できます。簡単な例を次に示します:
<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>
以上がこの記事の全説明です。皆さんに気に入っていただければ幸いです。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。