Виснет страница при проигрывании аудио?

Question

[Andrei1penguin1]

Доброго времени суток, на странице есть самописный плеер, проигрывающий аудио, в котором каждую секунду через setinterval обновляется ширина дорожки прогресса и число прошедших секунд, из-за чего страница прокручивается с неимоверными лагами
Если же опустить жти функции и оставить только аудио, то все хорошо
Подскажите пожалуйста, как это исправить, может быть повесить обновление ширины полоски прогресса и таймера в отдельный поток?

Answer 1

[alexalexes]

Попробуйте вместо setinterval для отображения текущей позиции использовать подписку на специализированные события элемента audio, например, на timeupdate.
PS: Ваш плеер на основе тэга audio, надеюсь?

полоски прогресса и таймера в отдельный поток?

В JS нет многопоточности, только последовательная обработка событий. Они не должны стопорить единственный поток, так что позаботьтесь чтобы функции обработчики не были перегружены вычислениями или постоянным глубоким поиском каких-то элементов на странице.

Comments

[Andrei1penguin1]

А вот вычисления там как-раз таки есть
Для форматирования секунд в формат xx:xx
Использую что-то наподобие:

time = 243
this.closest("timer").innerHTML = `0${Math.floor(timer/60)}`.slice(-2) + ":" + `0${timer%60}`.slice(-2)

С событиями элемента audio сейчас ознакомлюсь

[Andrei1penguin1]

Да, посмотрел, я так понимаю, событие timeupdate срабатывает каждую секунду, верно?
Но до сих пор не понимаю, как упростить форматирование длительности

[Okujava-script]

timeupdate срабатывает 4 раза в секунду. Ваш метод форматирования не должен тормозить страницу, мне кажется, что что-то ещё не учтено.