Как узнать частоту изменений Mutation Observer?

Question

[Anonymous]

Есть такой код:

function checkingReading() {
    chatbox.addEventListener('DOMSubtreeModified', (e) => {
        userActive = true;

            function handleVisibilityChange() {
                if (document.visibilityState === "hidden") {
                    userActive = false;
                } else { userActive = true; }
            }
              
            document.addEventListener("visibilitychange", handleVisibilityChange, false);

            let parent = document.querySelector('#boxActive');
            let classOfElement = parent.lastElementChild.className;

            if (classOfElement == "msg ") {
                if (userActive == true) {
			        $.ajax({
				         type: 'POST',
				         url: '/true.php',
				         data: { 'statusActive': true }
			        });
           }
        }
    })
}

Как отследить частоту его срабатывания, то есть как узнать сколько раз в секунду изменяется элемент?

Comments

[Сергей Сергей]

Засекается время (setTimeout), считается количество (count++).

Answer 1

[RAX7]

У объекта события есть свойство timeStamp, зная значения предыдущего и текущего timeStamp можно посчитать частоту срабатывания события.

function checkingReading() {
  let prevTimeStamp = performance.now();
  chatbox.addEventListener("DOMSubtreeModified", (e) => {
    const dt = e.timeStamp - prevTimeStamp;
    prevTimeStamp = e.timeStamp;
    
    const changesPerSecond = 1000 / dt;
    console.log(changesPerSecond)
  });
}

P.S. возможно тебе нужен debounce чтобы не слишком часто слать запросы