Форум программистов, компьютерный форум, киберфорум
Наши страницы

jQuery

Войти
Регистрация
Восстановить пароль
 
most1kkk
0 / 0 / 0
Регистрация: 19.11.2013
Сообщений: 63
#1

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

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

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

Плавное изменение текста и цвета - JavaScript
Есть 2 кнопки, надо чтобы при нажатии на 1 становился зелёный текст "Work", а на 2 красный "Stoped". Как цвет и текст изменить я знаю, не...

Изменение цвета тени текста - JavaScript
Привет всем! Подскажите пожалуйста как правильно прописать скрипт в onChange чтобы поменять цвет у тени текста (text-shadow)? Я...

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

Изменение цвета редактируемой области текста - JavaScript
Я новичок в сфере веб. Пытаюсь любые идеи\задачи реализовать при помощи html/css/js. Вот суть проблемы: Есть текст, его надо перевести...

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

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

4
Lazy_Den
2814 / 2498 / 1002
Регистрация: 15.01.2014
Сообщений: 5,443
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
2814 / 2498 / 1002
Регистрация: 15.01.2014
Сообщений: 5,443
24.02.2015, 15:02 #4
Лучший ответ Сообщение было отмечено автором темы, экспертом или модератором как ответ
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
Привет! Вот еще темы с ответами:

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

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

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

Изменение фона - плавное изменение цвета - JavaScript
Не фурычит плавное изменение цвета... Если переменные r g b через рандом то всё работает отлично &lt;html&gt; &lt;head&gt; ...


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

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

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