Изменить цвет фона и текста с помощью таймера с помощью Javascript - PullRequest
Новая
       12

Изменить цвет фона и текста с помощью таймера с помощью Javascript

0 голосов
/ 07 февраля 2011

Я пытаюсь изменить как фон, так и цвет текста таблицы и всех ее ячеек с помощью таймера. У меня есть скрипт ниже перед конечным тегом. Фон - единственное, что меняется. Идентификатор таблицы - titleTable. Спасибо 

<script language="Javascript">
<!-- Begin
titleTable.bgColor='#FFFFFF';
setInterval("Timer()", 500);
x=1;
function Timer() {
    set=1;
    if(x==0 && set==1) {
        titleTable.bgColor='#000000';
        titleTable.style.color='#FFFFFF';
        x=1;
        set=0;
    }
    if(x==1 && set==1) {
        titleTable.bgColor='#FFFFFF';
        titleTable.style.color='#000000';
        x=0;
        set=0;
    }
}
// End -->
</script>

Ответы [ 2 ]

3 голосов
/ 07 февраля 2011 
(function() {
    var s = document.getElementById('titleTable').style,
        f = false,
        c1 = '#000000',
        c2 = '#ffffff';

    setInterval(function() {
        s.backgroundColor = f ? c1 : c2;
        s.color = f ? c2 : c1;
        f = !f;
    }, 500);
})();

Демонстрационная версия: http://jsfiddle.net/Dzk2h/2/

Просто поместите приведенный выше код в элемент <script> внизу страницы.

1 голос
/ 07 февраля 2011

var titleTable = document.getElementById ('titleTable');

if (x == 0 && set == 1)
->
if ((x == 0) && (set == 1))

Просто используйте тег "blink" =)

Ах, "Фон - это единственное, что меняется". Проверьте стили. Если у вас есть правило CSS вроде 

#titleTable td { color: black; }

Он не будет переопределен путем установки встроенного стиля для таблицы.

...