Javascript函数系列

时间:2015-10-30 08:14:47

标签: javascript html5

我正在使用一个函数first,它会添加一个类,在单击锚标记时会使页面淡入0。我该如何添加以下内容......

如果style = opacity“0”(换句话说,函数1已成功完成),则添加下一个函数。代码如下。

它们都独立于相应的触发器运行但不确定如何确保函数2仅在完成第一个时才运行。

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");
}

3 个答案:

答案 0 :(得分:0)

document.getElementsByTagName("a")[1].addEventListener("click", function(){
   document.getElementById("content").add('animation');
   next();
});

function next(){
 if (document.getElementById("content").contains('animation')) {
     document.getElementById("profile").classList.add('animation');
 } else {
   return false;
}

}

答案 1 :(得分:0)

我建议你使用JQuery,操作css属性和东西要容易得多。对于纯JavaScript,我认为已经回答here,它可能不是直接回答,但它可能会帮助你。

使用回调函数

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 }
}

希望它有所帮助!!

答案 2 :(得分:-1)

public void onSensorChanged(SensorEvent event) {
         textView1 = (TextView) findViewById(R.id.textView2);
      if (event.values[0] == 0) {

      } else {
       counter++;
       textView1.setText(""+counter);

      }
     }

检查transition end event handlingthis