主页 / 问题 / 1113039
Accepted
Влад
Asked:2020-04-20 21:31:59 +0000 UTC2020-04-20 21:31:59 +0000 UTC

addEventListener 和 removeEventListener

  • 772

在网站上，标题中有两个按钮，比如说 1 和 2。当按下按钮 2 时，页面上的循环更新开始，代码如下：

// Получим наш элемент
  var li = document.getElementsByTagName('li')[1];

  // Событие, которое происходит при клике на элемент
  li.addEventListener('click', function once(){
      setInterval(function once(){
    li.click();
  }, 5000);
  });

按1键停止更新时需要，再按2键继续循环。

试图像这样停止：

var li = document.getElementsByTagName('li')[0];
// Событие, которое происходит при клике на параграф

function once() {
    li.removeEventListener("click", once);
  }
  li.addEventListener("click", once);

不行，求大神帮忙！

javascript

3 个回答

  1. Best Answer

    元素

    var li = document.getElementsByTagName('li')[1];

    和

    var li = document.getElementsByTagName('li')[0];

    不同的元素。

    var li_0 = document.getElementsByTagName('li')[0];
var li_1 = document.getElementsByTagName('li')[1];
var timer;
var counter = 0;

li_1.addEventListener('click', function() {
  if (!timer) {
    console.log("starting");
    timer = setInterval(function() {
      // some useful code
      console.clear();
      console.log(++counter);
    }, 1000);
  }
});

li_0.addEventListener('click', function() {
  console.log("stopping");
  timer = clearInterval(timer);
});
    <ul>
  <li>Click to Stop</li>
  <li>Click to Start</li>
</ul>

    • 1 

  2. var li_0 = document.getElementsByTagName('li')[0];
var li_1 = document.getElementsByTagName('li')[1];
var timer;

li_1.addEventListener('click', function(){
  if (!timer) {
    timer = setInterval(function() {
        li_1.click();
    }, 5000);
  }
});

li_0.addEventListener('click', function() {
  timer = clearInterval(timer);
});

    这就是这个问题的解决方案，感谢您的帮助！

    • 0

  3. 作为主题的延续，我编译了另一个脚本：

    var li_1 = document.getElementsByTagName('li')[1];
var li_2 = document.getElementsByClassName('btn grey order')[3];
var timer;

li_1.addEventListener('click', function(){
  if (!timer) {
    timer = setInterval(function() {
        li_1.click();
    }, 10000);
  }
});

li_2.addEventListener('click', function() {
  timer = clearInterval(timer);
});

    它在单击一个按钮 li_1 时启动计时器，并应在 li_2 上停止它，但不会发生停止。出了什么问题，他需要什么？

    • 0

相关问题