Press the button until another appears

Question

I want to make an autoclicker on the site, so that it stops when this button appears (code below) on the page, the button is initially hidden under the Display:none; style Display:none; , you can not take any text from the block, not necessarily this button

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

I made the autoclicker so, by timer it searches for text on the page, if it doesn’t exist, it clicks the button, and if the text was found, the timer is reset, but I don’t, because the condition finds values from the source code, this doesn’t suit to. If there is a button in the source code, this does not mean that it has no display: none style. It seems explained more clearly.

  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('Клик'); });

but I’m wrong about something and I’m having trouble ... help me fix the problem

Button on which we click <button class="btn btn-danger btn-lg" style="width:100%" onclick="showConfirm()" id="showConfirmButton">Withdraw Items</button>

we don't know how to fill in the button array, what's going on inside click() and what timer
developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click .

user207618 · Accepted Answer · 2016-05-15T15:57:15

MutationObserver can help.

 // Для примера клика 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>

Press the button until another appears

1 answer 1

More articles: