您的位置:首页 > 其它

关于点击事件的分析

2017-11-30 11:58 148 查看
一、点击事件1,一次单击事件$().one("click",fun);
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div class="codePhoto">
<button id="btn">
123
</button>
<span></span>
</div>
<script src="../shouye/js/jquery-1.11.3.js"></script>
<script>

function sendcode(){
var i = 6;
$("#btn").one("click",function () {
var timer = setInterval(function () {
i--;
console.log(i);
$("span").html(i);
if (i<=0) {
clearInterval(timer);
$("span").html("请再次发送验证码");
sendcode()//为了下次循环调用
}
}, 1000);

});
}
sendcode();

</script>
</body>
</html>
2,bind绑定、unbind解除
<script>
$("#btn").bind("click",myClick=function () {
var timer = setInterval(function () {
i--;
console.log(i);
$("span").html(i);
$('#btn').unbind("click",myClick);
if (i<=0) {
clearInterval(timer);
$("span").html("请再次发送验证码");
sendcode()
}
}, 1000);

});
</script>

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: