Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
most1kkk
0 / 0 / 0
Регистрация: 19.11.2013
Сообщений: 63
#1

Цикличное изменение цвета текста согласно предустановленным цветам (радуга) и порядку. - jQuery

24.02.2015, 12:00. Просмотров 1110. Ответов 4
Метки нет (Все метки)

Ребят, как решить такую задачу.
Нужно изменять цвет текста каждые 5 сек, цвета текста должны изменятся на такие цвета, как цвета радуги. Цвета должны изменяться как в одной последовательности так и в обратной.
Спасибо. http://www.cyberforum.ru/javascript/thread1233161.html
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
24.02.2015, 12:00
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Цикличное изменение цвета текста согласно предустановленным цветам (радуга) и порядку. (jQuery):

Изменение цвета тени текста
Привет всем! Подскажите пожалуйста как правильно прописать скрипт в onChange...

Изменение цвета и размера текста
Начал изучать JavaScript...и хотелось бы узнать как в обычной надписи "Hello...

Изменение цвета текста в <input disabled>
Собственно как изменить цвет текста в &lt;input disabled... и вообще это...

Изменение цвета текста с использованием радиокнопок
Что-то я запутался совсем в этом jQuery... Создайте форму с 3-мя...

Изменение цвета текста при наведении
В общем подскажите, как сделать что бы при наведении на слово менялся цвет...

4
Lazy_Den
2911 / 2592 / 1306
Регистрация: 15.01.2014
Сообщений: 5,683
24.02.2015, 12:52 #2
most1kkk, создайте массив цветов и меняйте каждые пять секунд. Должно получиться что-то вроде этого:

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var colors = [
    '#ff0000',
    '#ff8000',
    '#ffff00',
    '#008000',
    '#00ffff',
    '#0080c0',
    '#8000ff'],
    el = $('.colorize'), // элемент, у которого меняем цвет
    i = 0;
 
setInterval(function(){
    el.css('color', colors[i]);
    if((++i) >= 7) i = 0;
}, 5000);
Добавлено через 45 секунд
Цитата Сообщение от most1kkk Посмотреть сообщение
как в одной последовательности так и в обратной
А вот этот момент не понял. Опишите подробней.
0
most1kkk
0 / 0 / 0
Регистрация: 19.11.2013
Сообщений: 63
24.02.2015, 13:00  [ТС] #3
тоисть цикл должен идти сначало от 0 до 7, а потом в обратном порядке. И так все время.
0
Lazy_Den
2911 / 2592 / 1306
Регистрация: 15.01.2014
Сообщений: 5,683
24.02.2015, 15:02 #4
Лучший ответ Сообщение было отмечено TanaTiX как решение

Решение

most1kkk, пример в песочнице (поставил 2 сек., чтоб не долго ждать)
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var colors = [
    '#ff0000',
    '#ff8000',
    '#ffff00',
    '#008000',
    '#00ffff',
    '#0080c0',
    '#8000ff'],
    el = $('.colorize'), // элемент, у которого меняем цвет
    i = 0;
 
setInterval(function(){
    el.css('color', colors[i]);
    if((++i) >= 7) {
        i = 1;
        colors.reverse();
    }
}, 5000);
0
most1kkk
0 / 0 / 0
Регистрация: 19.11.2013
Сообщений: 63
25.02.2015, 12:17  [ТС] #5
Спасибо большое!
0
25.02.2015, 12:17
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
25.02.2015, 12:17
Привет! Вот еще темы с решениями:

Изменение цвета редактируемой области текста
Я новичок в сфере веб. Пытаюсь любые идеи\задачи реализовать при помощи...

Изменение цвета текста при наведение курсором
Добрый вечер, увидел на одном из форумов сообщение, цвет текста был серым...

При наведении мыши изменение цвета текста и смещение
Задание: В документе представлен текст синим цветом. При наведении на нее...

Изменение фона - плавное изменение цвета
Не фурычит плавное изменение цвета... Если переменные r g b через рандом то...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru