JavaScript代碼判斷點擊第幾個按鈕
更新時間:2015年12月13日 13:58:32 作者:keinx
javascript點擊按鈕需求,在項目開發(fā)過程中經(jīng)常遇到,本文通過一段代碼給大家分享javascript代碼判斷點擊第幾個按鈕,對本文感興趣的朋友一起學習吧
最近很輕松,項目結束,趁個空余時間寫了一段javascript代碼實現(xiàn)判斷點擊第幾個按鈕的相關代碼,具體代碼如下所示:
<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>
下面一段代碼給大家介紹JavaScript實現(xiàn)點擊按鈕后,再過60秒后才能再次點擊此按鈕
注冊的時候需要發(fā)送驗證激活帳號的郵件,為了避免郵件的多次重復發(fā)送,所以可以在點擊了發(fā)送后,設置button要過一段時間才能繼續(xù)點擊。下面是一個簡單的例子:
<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+"秒后可以重新發(fā)送";
wait--;
setTimeout(function() {
time(o)
},
1000)
}
}
document.getElementById("btn").onclick=function(){time(this);}
</script>
</body>
</html>
以上是本文的全部敘述,希望大家喜歡。
您可能感興趣的文章:
相關文章
js使用for循環(huán)查詢數(shù)組中是否存在某個值
IE8不支持indexOf,因此寫一個for循環(huán)來判斷是否存在,下面是代碼,經(jīng)測試還不錯2014-08-08

