Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125

Открыть новую тему     Написать ответ в эту тему

WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Извиняюсь, немного не так сделал, всё работает, спасибо!

Всего записей: 3491 | Зарегистр. 30-06-2002 | Отправлено: 14:25 23-01-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Наверное, лучше в этой теме продолжить, а в не в CSS. Спасибо за прошлые примеры!
 
Взял за основу то, что делали ранее, для счётчика, с offset и delay, но что-то не то явно написал, так как не работает. Подскажите, пожалуйста, как правильно написать/сделать? Пример. Delay выставлен в 2000ms.
 
И плагин использован отсюда.

Всего записей: 3491 | Зарегистр. 30-06-2002 | Отправлено: 18:11 05-02-2021 | Исправлено: WONDROUS, 19:03 05-02-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
так как не работает

что именно не работает?

Всего записей: 16615 | Зарегистр. 20-09-2014 | Отправлено: 20:36 05-02-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Всё не работает, appear и delay, потому что неправильно (и наверняка не там) написал класс и название анимации.

Всего записей: 3491 | Зарегистр. 30-06-2002 | Отправлено: 23:27 05-02-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
У вас элемент сразу на странице, поэтому appear себя проявляет сразу.

Цитата:
$('.progress').appear(function() {
    setTimeout(function() {
$('.progress').each(progressAnimation);
    }, 2000);
});

где функция progressAnimation?  
https://api.jquery.com/jquery.each/

Всего записей: 16615 | Зарегистр. 20-09-2014 | Отправлено: 23:42 05-02-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Может быть each там и не нужно, а progressAnimation это название анимации.

Всего записей: 3491 | Зарегистр. 30-06-2002 | Отправлено: 23:54 05-02-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
Может быть each там и не нужно, а progressAnimation это название анимации

может все же разберетесь как пишется код на jQuery?  
.each это перебор выбранного, а не присвоение класса, тем более указанного даже не в качестве строки.
в том виде, в каком хотите, это пишется через  

Код:
$('.progress').appear(function() {
    setTimeout(function() {
         $('.progress').addClass('progressAnimation');
    }, 2000);
});

и, опять же, добавляется класс с анимацией, а не сама анимация.
потому что иначе будет  
$('.progress').css('animation', 'progressAnimation 2s linear');

Всего записей: 16615 | Зарегистр. 20-09-2014 | Отправлено: 23:57 05-02-2021 | Исправлено: Mavrikii, 00:00 06-02-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Я сколько читаю уроки и описание по JS или jQuery, не даётся этот язык, всё равно как какая-то высшая математика Поэтому и прошу здесь совета с примером.
 
Добавлено:
Бесполезно, и c .progress, и с .progress-meter, не работает, ошибок не показывает, но и функции appear с delay не работают.

Всего записей: 3491 | Зарегистр. 30-06-2002 | Отправлено: 00:20 06-02-2021 | Исправлено: WONDROUS, 00:31 06-02-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
Бесполезно, и c .progress, и с .progress-meter, не работает, ошибок не показывает, но и функции appear с delay не работают.

как я могу сказать в чем дело, если ссылки на обновленный код нет?
ps: и не забываем убрать анимацию из изначально назначенного класса.

Всего записей: 16615 | Зарегистр. 20-09-2014 | Отправлено: 00:32 06-02-2021 | Исправлено: Mavrikii, 00:44 06-02-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Обновлённая страница. Там ещё и offset желателен был бы.

Всего записей: 3491 | Зарегистр. 30-06-2002 | Отправлено: 00:45 06-02-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
ps: и не забываем убрать анимацию из изначально назначенного класса.

очевидная же вещь. что если анимация уже есть, то ей все равно будете ли вы ее добавлять второй раз.

Всего записей: 16615 | Зарегистр. 20-09-2014 | Отправлено: 00:47 06-02-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Ваш постскриптум был видимо чуть позже дописан. Убрал, сейчас работает, спасибо! Но как тогда сделать, чтобы в начале уровень был бы на 0%? А то сначала показывается выбранный процент уровня, а потом срабатывает анимация с 0 до выбранного значения.

Всего записей: 3491 | Зарегистр. 30-06-2002 | Отправлено: 01:56 06-02-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
А то сначала показывается выбранный процент уровня

выставить его первоначально в нуль.

Всего записей: 16615 | Зарегистр. 20-09-2014 | Отправлено: 02:01 06-02-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Я имею ввиду, когда включены offset или delay, то сразу показывается выбранный процент уровня, а не 0.
 
Добавлено:
Mavrikii

Цитата:
выставить его первоначально в нуль.

Где и как? Что-то не соображу сейчас.

Всего записей: 3491 | Зарегистр. 30-06-2002 | Отправлено: 02:01 06-02-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
Где и как? Что-то не соображу сейчас.

я не понимаю, за такой промежуток времени это все уже можно было так хорошо изучить..

Цитата:
.progress-meter {
    display: inline-block;
    width: 30%;
 

Это то, что выставляется по умолчанию без анимации. Ессно сначала показывается это, потом анимация сбивает его на 0.

Всего записей: 16615 | Зарегистр. 20-09-2014 | Отправлено: 02:06 06-02-2021 | Исправлено: Mavrikii, 02:06 06-02-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
И? Я по-разному перепробовал делать, в итоге получается только сначала 0%, потом анимация проходит до нужного процента и потом снова 0 показывается. Ширину хоть исправляй, хоть убирай, не то.

Всего записей: 3491 | Зарегистр. 30-06-2002 | Отправлено: 15:34 06-02-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
CSS:
animation-iteration-count: 1
https://developer.mozilla.org/ru/docs/Web/CSS/animation-iteration-count
https://developer.mozilla.org/ru/docs/Web/CSS/animation-fill-mode

Всего записей: 16615 | Зарегистр. 20-09-2014 | Отправлено: 16:21 06-02-2021 | Исправлено: Mavrikii, 16:23 06-02-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ссылки! Получилось с progressAnimation 2s linear 1 forwards.

Всего записей: 3491 | Зарегистр. 30-06-2002 | Отправлено: 21:06 06-02-2021
Kaber



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
Попробуйте абстрагироваться от jQuery и посмотреть в сторону нативного js, он сейчас очень сильно развился и во многом проще того же jQery, тем более последний в новых проектах почти не используют.  
 
Добавлено:
Это мое личное мнение, но вы изучаете мертвый язык.

Всего записей: 1362 | Зарегистр. 14-03-2014 | Отправлено: 00:59 07-02-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Kaber

Цитата:
но вы изучаете мертвый язык

это не язык, а фреймворк (то есть надстройка над языком, облегчающая различную функциональность). и он, по мере развития js, будет использовать его возможности, не меняя своих основных функций. поэтому делать упор на нативный js или jquery - это как убеждать не использовать Vue или React. все можно реализовать самостоятельно, но можно и фреймворком.

Всего записей: 16615 | Зарегистр. 20-09-2014 | Отправлено: 03:59 07-02-2021 | Исправлено: Mavrikii, 04:02 07-02-2021
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125

Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2025

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru