按钮上设置onclick,传入的参数为this
按钮上的div
<div οnclick="sendwcode()">
<div class="col-xs-4 col-sm-4" >
<input type="button" class="btn" id="btn"
style="color: red; background-color: #FFFAFA"
οnclick="setTime(this)" value="获取验证码" />
</div>
</div>
对应的jq方法为
<script type="text/javascript">
var countDown=60;
function setTime(val) {
if (countDown == 0) {
val.removeAttribute("disabled");
val.value="获取验证码";
countDown = 60;
return;
} else {
val.setAttribute("disabled", true);
val.value="重新发送(" + countDown + ")";
countDown--;
}
setTimeout(function() {
setTime(val)
},1000)
} ;
这样点击后会从60开始倒计时,并且变成不可点击
需要注意的几点:
1.按钮的类型 属性应该是:
<input type="button" />
2.jq里,倒计时完成后,要加上return 不然不会停