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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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

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

WONDROUS



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

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



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

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

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

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

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

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



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

Всего записей: 3440 | Зарегистр. 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/

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



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

Всего записей: 3440 | Зарегистр. 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');

Всего записей: 15686 | Зарегистр. 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 не работают.

Всего записей: 3440 | Зарегистр. 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: и не забываем убрать анимацию из изначально назначенного класса.

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



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

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

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

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

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

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



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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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



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

Всего записей: 3440 | Зарегистр. 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

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



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

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



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

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

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

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

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

Всего записей: 15686 | Зарегистр. 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

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


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

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru