Как заставить скрипт Clickermann обновлять страницу до появления определенного текста и продолжить выполнение

Содержимое статьи:

• Вариант 1: Использование функции retry
• Вариант 2: Использование события mutationobserver

Вариант 1: Использование функции retry

1. Сначала создайте функцию retry, которая будет принимать в качестве параметра текст и количество попыток.
2. Внутри функции используйте window.setTimeout, чтобы периодически вызывать location.reload() и проверять, появился ли текст.
3. Если текст появился, верните true. Если превышено максимальное количество попыток, верните false.
   

   const retry = (text, maxAttempts) => {
   
   return new Promise((resolve) => {
   
   let attempts = 0;
   
   const interval = setInterval(() => {
   
   if (document.body.textContent.includes(text)) {
   
   clearInterval(interval);
   
   resolve(true);
   
   }
   
   attempts++;
   
   if (attempts >= maxAttempts) {
   
   clearInterval(interval);
   
   resolve(false);
   
   }
   
   }, 500);
   
   });
   
   };

   Вариант 2: Использование события mutationobserver

4. Создайте новый MutationObserver и определите функцию обратного вызова.
5. В функции обратного вызова проверьте, появился ли текст в содержимом document.
6. Если да, запустите вторую часть скрипта.
   

   const observer = new MutationObserver((mutationsList, observer) => {
   
   for (const mutation of mutationsList) {
   
   if (mutation.type === 'childList' && mutation.target === document.body) {
   
   if (document.body.textContent.includes(text)) {
   
   observer.disconnect();
   
   // Запустите вторую часть скрипта здесь
   
   // ...
   
   }
   
   }
   
   }
   
   });
   
   observer.observe(document.body, { childList: true });