JavaScript eventlistener onclick在动画之后调用另一个函数

如何在对象的onclick侦听器上实现回调函数

样本代码：

object.addEventListener("click", clickFunction);

我想实现的是，在函数clickFunction完成后，调用另一个函数

单击功能：

var clickFunction = function() {
   //Do something for 5 seconds
}

var clickFunction = function() {


   setTimeOut(function() {
          thatOtherFunction();
    }, 5000);   // after 5 seconds
};

---

如果要延迟，则执行下一个函数：

var clickFunction = function() {


   setTimeOut(function() {
          thatOtherFunction();
    }, 5000);   // after 5 seconds
};

---

为什么不把另一个函数调用放在click处理程序的末尾呢？为什么这不起作用？var clickFunction=function（）{nextFunction（）}是的，我想到了这个。但是函数clickFunction向对象添加了一个CSS类来触发一个持续时间为5swi的动画，而不使用jQuery。您可以添加一个监听器，它将在动画结束时启动回调，如：

el.addEventListener（“transitionend”，doSomethingWhenMyAnimationIsFinished，true）

-我们考虑过这一点，但我没有发现这是一个好的解决方案，因为我从事动画工作。我觉得有点脏