javascript - Javascript函数只工作一次

Question

我正在尝试为 5 张幻灯片创建手动幻灯片。我创建了一个只工作一次的函数。这是我的 JavaScript 代码：

 function n(){
    document.getElementById('sll').classList.add("slide-right");
}

 function p(){
    document.getElementById('sll').classList.remove("slide-right");
    document.getElementById('sll').classList.add("slide-left");
}

我的 HTML 代码是：

<div class="outer">
<i class="fas fa-arrow-right" onclick="n();"></i>
<div class="inner" id="sll">
  <div class="slide"></div>
  <div class="slide"></div>
  <div class="slide"></div>
  <div class="slide"></div>
  <div class="slide"></div>
</div>
<i class="fas fa-arrow-left" onclick="p();"></i>

标签： javascripthtmlfunctioneventsslideshow

Answer 1

对于自动幻灯片更换器，请尝试在setInterval():中调用函数setInterval(function() {p()},1000)。如果你想要它手动，你可以尝试使用按钮点击调用函数document.getElementById('button').onclick = () => { p() }