javascript - 阻止两个javascript函数同时运行？

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 5 年前。

Improve this question

有两个同时运行的 jquery 函数，但我只希望其中一个同时运行

$(".newspaper_nav_int").hide();
$("#hide_list").hide();

$(".newspaper_nav").hover( function() {
  hover();
})

$("#hide_list").click(function() {
  hide_list()
})


function hover() {
  $(".newspaper_nav_int").fadeIn(500)
  $("#hide_list").fadeIn(1500)
}
function hide_list() {
  $(".newspaper_nav_int").fadeOut(500)
  $("#hide_list").fadeOut(1500)
}

Answer 1

如果您想避免这些动画重叠，可以使用标志来限制淡入/淡出时的动画。在 fadeIn 或 fadeOut 中使用回调。这将阻止这些方法同时进行动画处理。

var animating = false;
function hover() {
  if(animating) return;
  animating = true;
  $(".newspaper_nav_int").fadeIn(500, () => { animating = false; })
  $("#hide_list").fadeIn(1500, () => { animating = false; })
}
function hide_list() {
  if(animating) return;
  animating = true;
  $(".newspaper_nav_int").fadeOut(500, () => { animating = false; });
  $("#hide_list").fadeOut(1500, () => { animating = false; });
}