Javascript 一个按钮在不同的点击下调用两个不同的函数

这将同时调用这两个函数。我想要的是在第一次单击时调用函数1，然后在第二次单击时调用函数2。在第三次单击时调用函数3，依此类推，直到第七次单击为止

---

如果可能的话，我宁愿不使用jQuery

解决方案不是太复杂，您可以从另一个函数中选择一个和两个

var callOne=true； 功能一{ 警报“呼叫一号”； } 功能二{ 警报“呼叫二”； } 函数调用{ 伊夫卡隆一号； 另外两个； 凯龙=！凯龙； } 点击我我会像下面那样做

单击该按钮时，会有一个函数，该函数根据调用次数决定调用哪个函数

因此，第一次执行功能1，第二次执行功能2。

您可以使用来完成此操作：

var fn3=函数{ var first=真； 返回函数{ 第一个？fn1:fn2； 第一个=！第一个； } }; 功能fn1{ console.log1； }; 功能fn2{ console.log2； };

---

单击执行此操作的一种简单方法是重新指定onclick值：

<button onclick="decideFunction()">Click Me</button>

var times = 0;

var one = function(){
    alert('first time');
}

var two = function(){
    alert('After first');
}

var decideFunction = function(){
    if(times == 0){
        one();
        times++;
    }
     else{
         two();
    }
} 

将单击处理程序切换回一个：

---

或者做任何你想做的事情。

最简单的方法就是定义一个额外的变量为false或true，当然了。当变量为false时，单击按钮调用第一个函数并将变量更改为true。在第二次单击时，我们的onclick函数检查变量值并调用我们定义为真值的函数

---

你为什么不创建一个包含函数1和函数2的函数3，然后让按钮调用它呢？你试过什么吗？你想出了什么可能的解决办法？

<button onclick="decideFunction()">Click Me</button>

var times = 0;

var one = function(){
    alert('first time');
}

var two = function(){
    alert('After first');
}

var decideFunction = function(){
    if(times == 0){
        one();
        times++;
    }
     else{
         two();
    }
} 

<button id="clickme">Click Me</button>
<script>
  function one() {
     alert('one clicked');
     document.getElementById('clickme').onclick = two;
  }

  function two() {
   alert('two clicked');
  }

  document.getElementById('clickme').onclick = one;
</script>

document.getElementById('clickme').onclick = null;

document.getElementById('clickme').onclick = one;

var button = document.getElementById('button');
var x = false; 
button.addEventListener('click', function(){
if(!x){
    alert('function 1');
    x = true;
    }else{
    alert('function 2');
    x = false;
    }  
})