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

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

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

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

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

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

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

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

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

4
Lazy_Den
2942 / 2618 / 1320
Регистрация: 15.01.2014
Сообщений: 5,749
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
2942 / 2618 / 1320
Регистрация: 15.01.2014
Сообщений: 5,749
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

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

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

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


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

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

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