Javascript函数系列

我使用的是一个函数

first

，它添加了一个类，使页面在单击锚定标记时淡入

0

。我将如何添加以下内容

如果style=opacity“0”（换句话说，函数1已成功完成），则添加下一个函数。代码如下所示

它们都独立于各自的触发器运行，但不确定如何确保函数二只在第一个触发器完成时运行

document.getElementsByTagName("a")[1].addEventListener("click", first);
function first() {
    "use strict";
    document.getElementById("content").classList.add("animation")
}

function next() {
    "use strict";
    document.getElementById("profile").classList.add("animation");
}

---

}

我建议您使用JQuery，它更容易操作css属性和内容。对于纯javascript，我认为它已经得到了回答，这可能不是直接的回答，但它可能会帮助您

使用回调函数

function func(value, callback){
  //do stuff
  callback();
}

就你而言

function first(alphavalue, second) {
    // do some stuffs
    if(alphavalue == 0) {
    // run the call back
        second();
    }else { // do no stuffs }
}

希望能有帮助

$("#content").on("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend", 
function(event) {
   // Do something when the transition ends
   next();
});

---

检查并查看添加

动画时发生的情况。里面有css动画吗？我不太熟悉如何编程，如果这是一个非常简单的问题，很抱歉。单击
a
标记将运行函数
first（）
，完成后，您想运行
next（）
？Darren，您尝试过JSFIDLE吗？这是一个练习位置，所以你可以向我们展示你所做的尝试。提示：倾听正在进行CSS转换的元素上的错误。我同意Gabriel的观点。使用jQuery可能更容易。以下是一个示例：。
$("#content").on("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend", 
function(event) {
   // Do something when the transition ends
   next();
});