javascript - 使功能切换它在每次点击时的作用

Question

我正在尝试使用 JavaScript 为网站制作类似幻灯片的东西，但进展不顺利。我想要它做的是一键更改它以使其正确返回。

这是代码：

function previous_slide()
{
    document.getElementById('banner').className = 'banner_2';
}

我想在当前动作和这个动作之间切换单个功能：

document.getElementById('banner').className = 'banner_1';

这样，当您按下上一个按钮时，它会将样式更改为banner_2，然后当您再次按下它时，它会返回到banner_1.

Answer 1

previous_slide = toggle( [function(){
    document.getElementById('banner').className = 'banner_2'
}, function() {
    document.getElementById('banner').className = 'banner_1' 
}]);

代码toggle

function toggle(functions) {
    var i = 0;
    return function() {
        return functions[i++ % functions.length].apply( this, arguments );
    }
}

Answer 2

function previous_slide()
{
  if (document.getElementById('banner').className == 'banner_2') {
      document.getElementById('banner').className = 'banner_1' 
  }
  else {
      document.getElementById('banner').className = 'banner_2'
  } 
}