Создание динамических объектов HTML+JavaScript

@Dashuka · Регистрация: 27.03.2013

Студворк — интернет-сервис помощи студентам

Смена семи цветов текста (красный , оранжевый , желтый , зеленый , голубой , синий , фиолетовый ) и обратно с периодом в одну секунду . Код работает только до голубого , синий и фиолетовый пропускает , помогите пожалуйста !

HTML5
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
<html>
<head>
<title>
Робота  
</title>
</head>
<body>    
    <span style ="color:red">Динамическая смена цвета </span>
    <br>
    <button onclick ="clearInterval(timer)">PLEASE STOP!!!</button>    
    <script type = "text/javascript">
        var element = document.body.children[0];
        function changeTxtColor() {
            var style =  element.style;
            if (style.color == "red")
                element.style.color = "orange";
                else  if (style.color == "orange")
                element.style.color = "yellow";
                else  if (style.color == "yellow")
                element.style.color = "green";
                else  if (style.color == "green")
                element.style.color = "Cyan";
                else  if (style.color == "Cyan")
                element.style.color = "blue";
                else  if (style.color == "blue")
                element.style.color = "Purple";
            else 
                element.style.color = "red";
        }
        var timer = setInterval(changeTxtColor, 1000);
    </script>
</body>
 
</html>

zhibirc · 27.03.2013, 22:36

Может быть дело в том, что даже с названиями "ключевых" цветов иногда бывают проблемы правильной обработки их браузером. Попробуйте представить их в RGB или HEX виде.
ЗЫ: в FF все гут

@Dashuka · 27.03.2013, 23:14 **[ТС]**

Проблема не в этом , пробовала менять , все равно не работает , если поменять местами цвета все названия работают

Donald28 · 27.03.2013, 23:41

не делайте проверку на цвет название света элемента. Просто используйте счетчик:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
        var element = document.body.children[0];
        var i=1;
        function changeTxtColor() {
            var style =  element.style;
            switch (i){
                case 1: element.style.color = "orange"; i++; break;
                case 2: element.style.color = "yellow"; i++; break;
                case 3: element.style.color = "green"; i++; break;
                case 4: element.style.color = "cyan"; i++; break;
                case 5: element.style.color = "blue"; i++; break;
                case 6: element.style.color = "purple"; i++; break;
                case 7: element.style.color = "red"; i=1; break;
            }
        }
        var timer = setInterval(changeTxtColor, 1000);

@alokazay · 28.03.2013, 00:55

JavaScript
1
2
3
4
5
6
7
8
9
10
11
     var element = document.body.children[0];
    var color = ["red","orange","yellow","green","Cyan","blue","Purple"];
    var currentColor = 0;
 
    function ChangeTxtColor() {
            currentColor++;
            if ( currentColor > color.length)currentColor = 0;
            element.style.color = color[currentColor];
    }
 
    var timer = setInterval(ChangeTxtColor, 1000);

zhibirc · 28.03.2013, 05:35

Сообщение от Donald28

не делайте проверку на цвет название света элемента

Похоже что где-то здесь проблема. Так как после того, как я по собственному совету заменил цвета на HEX- представление, код начал работать в IE8 (до этого не работал) и перестал в опере и лисе. В то же время все и так в первоначальном варианте работало в лисе, но не работало в IE8 и работало с ошибкой в опере.

Похоже что браузеры проверяют на цвет по разному и не всегда корректно(с названиями корректно работает FF, с HEX - IE8, Opera ни то ни се)

Добавлено через 3 часа 14 минут
Немного не в тему, но меня этот вопрос вдохновил на такой вот генератор.

Не уверен, полностью ли реализована в нем генерация проивольного HEX-кода цвета, надо будет потом потестить.

HTML5
1
<h1 id="txt" onMouseOver="changeColor();">Это меняющийся текст!</h1>

JavaScript
1
2
3
4
5
6
7
8
function changeColor() {
var aim = document.getElementById('txt');
var colors_Base = ['a','b','c','d','e','f'];
var color = Math.round(Math.random() * 888888) + 111111;
var str_col = String(color);
aim.style.color = '#' + str_col.replace(/d+/, colors_Base[Math.round(Math.random() * 5)]);
setTimeout(changeColor, 100);
}

@Dashuka · 01.04.2013, 19:58 **[ТС]**

спасибо большое , все работает !!!

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

zhibirc 651 / 236 / 77 Регистрация: 18.02.2013 Сообщений: 784
	27.03.2013, 22:36
	Может быть дело в том, что даже с названиями "ключевых" цветов иногда бывают проблемы правильной обработки их браузером. Попробуйте представить их в RGB или HEX виде. ЗЫ: в FF все гут 0

@Dashuka 4 / 0 / 0 Регистрация: 27.03.2013 Сообщений: 3
	27.03.2013, 23:14 [ТС]
	Проблема не в этом , пробовала менять , все равно не работает , если поменять местами цвета все названия работают 0

@Dashuka 4 / 0 / 0 Регистрация: 27.03.2013 Сообщений: 3
	01.04.2013, 19:58 [ТС]
	спасибо большое , все работает !!! 0