Топ дня: 60924809

Скинь js который у тебя работает.

Я не каждый день сталкиваюсь с тем что мне не по уму но это уже через чур всё сделал правильно и не работает, знаю скажите значит не правильно но тиоречически правильно

Да что я написал выше это весь js

Ragnar Lodbrok , У тебя постоянно идёт цикл, это уже не правильно. Пути из массива показывает. Я просто пока не могу вкурить, что нужно 🥲

Вот так попробуй * Отредактировал 23:41

	             var loadingsReg;

         var count = 0;

         var images = [

             "/assets/css/img/background.jpg",

             "/assets/css/img/fire_din.png",

             "/assets/css/img/characters_stat.png",

             "/assets/css/img/fx_din.png",

             "/assets/css/img/start.png"

         ];

         var amt = images.length;

         loadingsReg = setInterval(function () {

             for (i = 0; i < amt; i++) {

                 var img = new Image();

                 count++;

                 img.onload = function () {

                     $('#amtLoading-progress').text(count);

                 }

                 img.src = images[i];

                 $('#amtLoading-progress').text(count);

                 console.log(count);

             }

             if (count == amt) {

                 $('#loadings').fadeOut();

                 $('#progress-reg-main').fadeIn();

                 clearInterval(loadingsReg);

             }

         }, 300);

________
посл. ред. 11.01.2023 в 23:39; всего 1 раз(а); by the_lark

Как понял автор хочет сделать страницу где будет написано например "Подождите идет загрузка ресурсов" и после успешной загрузки открывается страница.
Не совсем понял конечно зачем тут setInterval который бесконечно перезапускает цикл.
Тут будет правильней сделать проверку загрузки ресурсов если загрузился +1 если по итогу общее количество ресурсов загружено то остановить цикл и вывести нужную страницу.
________
посл. ред. 11.01.2023 в 23:33; всего 1 раз(а); by DenSBK

Ragnar Lodbrok , Не подойдёт?

         var loadingsReg;

         var count = 0;

         var images = [

             "https://mir-s3-cdn-cf.behance.net/project_modules/disp/fcf72618546953.562cb44aa12bd.png",

             "https://vectorified.com/images/mobile-nav-icon-3.jpg",

             "https://i.pinimg.com/originals/8b/71/09/8b71099627c3802517fd085d9e8f75b0.jpg",

             "https://vectorified.com/images/mobile-nav-icon-3.jpg",

             "https://vectorified.com/images/mobile-nav-icon-3.jpg"

         ];

         var amt = images.length;

         var key = false;

         loadingsReg = setInterval(function () {

             for (i = 0; i < amt; i++) {

                 count++;

                 var img = new Image();

                 img.src = images[i];

                 img.onload = function () {

                     $('#amtLoading-progress').text(count);

                     key = true;

                 }

                 if(key = true) {

                     $(`.loading`).append(img);

                 $('#amtLoading-progress').text(count);

                 console.log(count);

                 console.log(img)   

                 }

             }

             if (count == amt) {

                 $('#loadings').fadeOut();

                 $('#progress-reg-main').fadeIn();

                 clearInterval(loadingsReg);

             }

         }, 300);

________
посл. ред. 12.01.2023 в 00:14; всего 1 раз(а); by the_lark

Сам цикл вроде правильно построен и должен работать
________
посл. ред. 12.01.2023 в 00:31; всего 1 раз(а); by ReZero

<script>

 var loadingsReg;

 var count = 0;

 var images = [

  "/assets/css/img/background.jpg",

          "/assets/css/img/fire_din.png",

          "/assets/css/img/characters_stat.png",

          "/assets/css/img/fx_din.png",

          "/assets/css/img/front_din.png",

          "/assets/css/img/start.png"

 ];

 

 var amt = images.length; //Считаем колличество ресурсов

 document.getElementById('amtLoading').innerHTML = amt;

     

 for(var i = 0; i < amt; i++){

 	var img = new Image();

 	img.src = images[i];

 	img.onload = function(){

 		count++;

 		document.getElementById('amtLoading-progress').innerHTML = count;

 		console.log(count);

 		if(count == amt){

 		document.getElementById('loadings').style.display = "none";

 		document.getElementById('progress-reg-main').style.display = "block";

 		}

 	}

 }	 

 </script>

Как то так.
________
посл. ред. 12.01.2023 в 01:25; всего 1 раз(а); by DenSBK

Тут проблема в том что если это делать на обычно JS то не определены контейнеры и ругается на $('#amtLoading-progress')
Если это jquery то по идее ругаться не должно.