Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 20.04.2021, 12:06
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

ksa,
см пост 12 и 13, использовать свойство стилей анимация крайне не желательно, как найти решение на js

Последний раз редактировалось Блондинка, 20.04.2021 в 12:16.
Ответить с цитированием
  #22 (permalink)  
Старый 20.04.2021, 15:52
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от Блондинка
как найти решение на js
Для этого есть setTimeout()...
https://javascript.ru/blog/andrej-pa...mmnoy-animacii
Ответить с цитированием
  #23 (permalink)  
Старый 20.04.2021, 18:30
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

ksa,
лучше бы помог решить эту проблему, как рони в 12 посте...
var spans = [].slice.call(document.querySelectorAll('.colon'), 0);
            var colons =["hsl(0, 0%, 54%)", "hsl(0, 0%, 48%)", "hsl(0, 0%, 42%)", "hsl(0, 0%, 36%)", "hsl(0, 0%, 30%)", "hsl(0, 0%, 24%)", "hsl(0, 0%, 18%)", "hsl(0, 0%, 12%)", "hsl(0, 0%, 6%)", "hsl(0, 0%, 0%)"];
            step = 0;
            (function color()
            {
            spans.forEach(function(elem) {
            elem.style.color = colons[step];
              });
            step = ++step % colons.length;
            window.setTimeout(color, 100);
            })()


есть один/несколько спанов с классом "colon",как их заставить мигать с помощью js, чтобы раз в 0.5 сек меняли значение свойства "opacity" с 0.2 на 1.0 например, значения подберу методом тыка...
Ответить с цитированием
  #24 (permalink)  
Старый 20.04.2021, 18:52
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Я не на столько заинтересован в решении этой "проблемы"...

Сообщение от Блондинка
чтобы раз в 0.5 сек меняли значение свойства "opacity" с 0.2 на 1.0 например
Для этого есть setInterval()...
Ответить с цитированием
  #25 (permalink)  
Старый 20.04.2021, 19:11
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Блондинка,
var spans = document.querySelectorAll('.colon');
var colons = ["hsl(0, 0%, 54%)", "hsl(0, 0%, 48%)", "hsl(0, 0%, 42%)", "hsl(0, 0%, 36%)", "hsl(0, 0%, 30%)", "hsl(0, 0%, 24%)", "hsl(0, 0%, 18%)", "hsl(0, 0%, 12%)", "hsl(0, 0%, 6%)", "hsl(0, 0%, 0%)"];
var op = [.2, .4, .6, .8, 1, 1, .8, .6, .4, .2];
step = 0;
(function color() {
    spans.forEach(function(elem) {
        elem.style.color = colons[step];
        elem.style.opacity = op[step];
    });
    step = ++step % colons.length;
    setTimeout(color, 200);
})()
Ответить с цитированием
  #26 (permalink)  
Старый 20.04.2021, 20:26
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

рони,
надо что-то типа
var spans = document.querySelectorAll('.colon');
var op = [0.2, 0.4, 0.6, 0.8, 1.0];
step = 0;
(function color() {
    spans.forEach(function(elem) {
        elem.style.opacity = op[step];
    });
    step = ++step % colons.length;
    setTimeout(color, 200);
})()


чтобы элементы с классом "colon" от прозрачного стали непрозрачными, а потом опять, только в одну сторону с 0.2 до 1.0, правда не знаю будет этот мой код работать...
Ответить с цитированием
  #27 (permalink)  
Старый 20.04.2021, 20:39
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Блондинка,
colons.length; op.length;
Ответить с цитированием
  #28 (permalink)  
Старый 20.04.2021, 20:52
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

var spans = document.querySelectorAll('.colon');
var op = [0.2, 0.4, 0.6, 0.8, 1.0];
step = 0;
(function color() {
    spans.forEach(function(elem) {
        elem.style.opacity = op[step];
    });
    step = ++step % op.length;
    setTimeout(color, 200);
})()


вроде так... ничего не пропустила?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Функция запускается кнопкой, но не запускается другой функцией или событием IndiraVarma Общие вопросы Javascript 6 30.09.2016 14:58
Прошу помочь с функцией Dmitry39 Общие вопросы Javascript 0 04.06.2013 11:44
Несколько сценариев одной функцией Marker Events/DOM/Window 19 19.01.2013 00:40
Как выделить активный пункт меню в моём случаи? может кто помочь? nStyle jQuery 10 11.03.2012 01:51
Как вывести возвращаемое функцией значение не через модальное окно? Bandicoot Общие вопросы Javascript 1 10.03.2011 18:34