如何让这个click事件执行完再执行下一次
答案:1 悬赏:60 手机版
解决时间 2021-03-15 22:31
- 提问者网友:浮克旳回音
- 2021-03-15 08:15
如何让这个click事件执行完再执行下一次
最佳答案
- 五星知识达人网友:西岸风
- 2021-03-15 09:48
你是不是用了css样式transition来使改变元素css时动画过渡,正常情况下改了css是立即生效的。
如果这样的话,可以在点击时加上时间判断,当两次点击的间隔大于等于transition的间隔时,再改变样式。
例如
var lastClickTime = new Date().getTime();
var delay = 1000; // transition的延迟
$("#goleft").click(function(){
if (new Date().getTime() - lastClickTime < delay) {
return;
}
lastClickTime = new Date().getTime();
var v=$("#gocont").position().left;
var speed=v+355;
if(v==0){
$("#gocont").css("left","0");
}else{
$("#gocont").css("left",speed+"px");
}
});
如果这样的话,可以在点击时加上时间判断,当两次点击的间隔大于等于transition的间隔时,再改变样式。
例如
var lastClickTime = new Date().getTime();
var delay = 1000; // transition的延迟
$("#goleft").click(function(){
if (new Date().getTime() - lastClickTime < delay) {
return;
}
lastClickTime = new Date().getTime();
var v=$("#gocont").position().left;
var speed=v+355;
if(v==0){
$("#gocont").css("left","0");
}else{
$("#gocont").css("left",speed+"px");
}
});
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯