JavaScript | Кто шарит в js
)(aOS 
Ragnar Lodbrok (11 янв 2023, в 23:15)not found, работает скрипт onload = funcion(){}
Но не работают пути к кортинкам
Я не каждый день сталкиваюсь с тем что мне не по уму но это уже через чур всё сделал правильно и не работает, знаю скажите значит не правильно но тиоречически правильно
Да что я написал выше это весь js
Ragnar Lodbrok , У тебя постоянно идёт цикл, это уже не правильно. Пути из массива показывает. Я просто пока не могу вкурить, что нужно 🥲
javascript
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
DenSBK Не совсем понял конечно зачем тут setInterval который бесконечно перезапускает цикл.
Тут будет правильней сделать проверку загрузки ресурсов если загрузился +1 если по итогу общее количество ресурсов загружено то остановить цикл и вывести нужную страницу.
________
посл. ред. 11.01.2023 в 23:33; всего 1 раз(а); by DenSBK
Ragnar Lodbrok , Не подойдёт? javascript
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
ReZero Ragnar Lodbrok (11 янв 2023, в 21:49) javascript
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; $('#amtLoading').text(amt); loadingsReg = setInterval(function(){ for(var i = 0; i < amt; i++){ var img = new Image(); img.src = images[i]; img.onload = function(){ count++; $('#amtLoading-progress').text(count); if(count == amt){ $('#loading').fadeOut(); $('#progress-reg-main').fadeIn(); clearinterval(loadingsReg); } } } }, 300); 
________
посл. ред. 12.01.2023 в 00:31; всего 1 раз(а); by ReZero
javascript
<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
DELETED (12 янв 2023, в 0:12)
Ragnar Lodbrok , Не подойдёт?
Тут проблема в том что если это делать на обычно JS то не определены контейнеры и ругается на $('#amtLoading-progress') Ragnar Lodbrok , Не подойдёт? javascript
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); Если это jquery то по идее ругаться не должно.