0

Я хочу сделать автокликер на сайт, что бы он останавливался при появлении этой кнопки(код ниже) на странице, изначально кнопка скрыта под стилем Display:none;, можне взять какой либо текст из блока, не обязательно эту кнопку

<button class="btn btn-success" id="confirmButton" data-tid="0">Check Status</button>

Я сделал автокликер так, по таймеру он ищет на странице текст, если его нет он выполняет клик по кноке, а если текст был найден таймер обнуляется, но у меня не получается, потому что значения условие находит из исходного кода, такое не устраивает т.к. если в исходном коде есть кнопка это не значит что она без стиля display:none. Вроде объяснил понятнее.

    var b = $('b'),
  timer = setInterval(function() {
    if (b.filter(':contains("текст")').length) {
      clearInterval(timer);
      console.log('Приехали');
      return false;
    }
    document.getElementById("showConfirmButton").click();
  }, 2000);

button.on('click', function() {
  console.log('Клик');
});

но я в чем то ошибаюсь и у меня не получается... помогите исправить проблему

Кнопка по которой кликаем <button class="btn btn-danger btn-lg" style="width:100%" onclick="showConfirm()" id="showConfirmButton">Withdraw Items</button>

12
  • Как именно появляется новая кнопка?
    – user207618
    15 мая 2016 в 14:36
  • мы не знаем как заполяется массив button, что происходит внутри click() и что такое timer
    – user176262
    15 мая 2016 в 14:38
  • @Igor, click - это триггер для события клика; developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click .
    – user207618
    15 мая 2016 в 14:46
  • timer = setInterval(function() {
    – SloGS
    15 мая 2016 в 14:46
  • Добавьте это в код!
    – user207618
    15 мая 2016 в 14:46

1 ответ 1

1

Может помочь MutationObserver.

// Для примера клика
let value = 0;
function up() {
  this.value = this.value.replace(/\(\d+\)/, `(${++value})`);
}

document.addEventListener('DOMContentLoaded', e => {
  // Установим начальные значения
  let button = document.querySelector('#confirmButton'),
    someButton = document.querySelector('#someButton');

  someButton.addEventListener('click', up);

  setTimeout(() => {
    button.style.display = 'inline-block';
  }, 1000);




  // Теперь ловим момент появления!
  // Ставим автокликер
  let timer = setInterval(() => {
    someButton.click();
  }, 300);

  // Отслеживаем изменения кнопки
  let observer;
  (observer = new MutationObserver(mutations => {
    mutations.forEach(mutation => {
      if(getComputedStyle(button).display !== 'none'){
        observer.disconnect();
        // Если изменение привело к отображению кнопки, убираем таймер
        clearInterval(timer);
        // И делаем что хотели
        console.log('Приехали');
      }
    });
  })).observe(button, {
    attributes: true,
    childList: true,
    characterData: true
  });
});
#confirmButton {
  display: none;
}
<input type='button' id='someButton' value='Count (0)' />
<button class="btn btn-success" id="confirmButton" data-tid="0">Check Status</button>

1
  • Вы очень помогли, спасибо большое
    – SloGS
    16 мая 2016 в 19:21

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.