Форум

jonsinat2 · #1 (**permalink**) 30.05.2017, 23:35

В общем как сделать проверку пока не появитнся нужное число.
например на странице есть таймер, мне нужно сделать так, что когда будет 13 секунд на таймере, выполнить определенный код.

Сейчас делаю так:

function sec() {
var schet = document.getElementsByClassName("opa")[0].getElementsByTagName("opa")[0].innerHTML;
if (schet == "13") {alert("четко");}else{alert("ждем");}
}
var intervalID = setInterval(sec, 500)

Так вот, иногда скрипт может сработать 2 раза иногда залагает и не сработает, в общем любым подсказкам буду раз и наперед благодарю

П.с: вообще нуб, не шарю))

рони · #2 (**permalink**) 30.05.2017, 23:54

jonsinat2,
в таймер и надо добавлять проверку

jonsinat2 · #3 (**permalink**) 30.05.2017, 23:57

так сайт не мой) мне надо выполнить функцию когда будет 13 сек, просто думал мб есть лучший способ чем я использую)

рони · #4 (**permalink**) 31.05.2017, 00:05

jonsinat2,
MutationObserver

jonsinat2 · #5 (**permalink**) 31.05.2017, 00:15

Сообщение от рони

jonsinat2,
MutationObserver

можно пример с моим кодом выше?

рони · #6 (**permalink**) 31.05.2017, 00:44

jonsinat2,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>

  <script>
   window.addEventListener('DOMContentLoaded', function() {
     var target = document.getElementsByClassName("opa")[0].getElementsByTagName("opa")[0];
/* timer */
setInterval(function() {
     target.innerHTML++
}, 500)

var observer = new MutationObserver(function() {
  if(target.innerHTML == 15) {
    alert("ok");observer.disconnect();
  }
});
observer.observe(target, {childList: true});
      });
  </script>
</head>

<body>

<div class="opa"><opa>0</opa></div>

</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript