Я хочу показать загрузчик, который покажет время в секундах при загрузке приложения.Вот код
HTML
<body>
<div class="app-loader">
<div class="loader-spinner">
<div class="loading-text"></div>
</div>
</div>
<angular-app></angular-app>
</body>
Javascript
(function loader() {
var elAppLoader = document.querySelector("app-loader");
var startTime = new Date();
var counter = setInterval(() => {
var seconds = Math.abs((new Date().getTime() - startTime.getTime()) / 1000);
var elLoadingText = document.querySelector(".loading-text");
elLoadingText.innerHTML = seconds.toFixed(2) + " s";
}, 100);
elAppLoader.addEventListener('app-loaded', function (event) {
clearInterval(counter);
elAppLoader.remove();
});
})();
Теперь это работает нормально и показывает нетсекунд на экране после каждых 100 мс, но когда угловая загрузка начинается, счетчик останавливается, пока угловой не загружается.
Как я могу решить эту проблему?Это потому, что JS является однопоточным, если так, есть ли способ достичь этого?