Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.05.2015, 14:42
Новичок на форуме
Отправить личное сообщение для shmihshmih Посмотреть профиль Найти все сообщения от shmihshmih
 
Регистрация: 09.05.2015
Сообщений: 6

Смена цвета фона каждую секунду.
Привет! Подскажите пожалуйста почему не работает скрипт?

var imagesi = [red,green,black,yellow,fuchsia];
var slider = document.getElementById("slider");
var innerslider = slider.style.bgColor;
for (var i = 0; i < imagesi.length; i++) {
function anon(step) {
var step;
step = imagesi[i];
return step;};}
function sliding() {
innerslider.step;
}
setInterval(sliding,1000);

Есть див #slider. Каждую секунду должен меняться цвет фона, а он не меняется. Подскажите как исправить?
Ответить с цитированием
  #2 (permalink)  
Старый 09.05.2015, 15:45
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

<style>#slider{width: 100px; height: 100px;}</style>
<body>
<div id="slider"></div>
<script>
window.onload = function () {
    var obj = {
        __colors: [],
        __position: 0,
        get color() {
            if (this.__position == this.__colors.length) this.__position = 0;
            return this.__colors[this.__position++];
        },
        set color(arg) {
            this.__colors = arg;
        }
    };
    obj.color = ['red', 'green', 'black', 'yellow', 'fuchsia'];
    setInterval(function () {
        document.getElementById('slider').style.backgroundColor = obj.color;
    }, 1000);
};
</script>
</body>

вариант
Ответить с цитированием
  #3 (permalink)  
Старый 09.05.2015, 15:58
Профессор
Отправить личное сообщение для Decode Посмотреть профиль Найти все сообщения от Decode
 
Регистрация: 31.01.2015
Сообщений: 576

Вариант №2

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <style>
    #slider {
      width: 100px;
      height: 100px;
    }

    .color1 {
      background-color: red;
    }

    .color2 {
      background-color: green;
    }

    .color3 {
      background-color: black;
    }

    .color4 {
      background-color: yellow;
    }

    .color5 {
      background-color: fuchsia;
    }
  </style>
</head>
<body>
  <div id="slider"></div>
  
  <script>
    (function changeColor(currentNumber){
      currentNumber++;

      if(currentNumber >5){
        currentNumber = 1;
      }

      document.getElementById('slider').setAttribute('class', 'color' + currentNumber);

      setTimeout(function(){
        changeColor(currentNumber)
      }, 1000); 
    })(0);
  </script>
</body>
</html>
Ответить с цитированием
  #4 (permalink)  
Старый 10.05.2015, 17:35
Аватар для Magneto
Люмус, Емаксос Developer!
Отправить личное сообщение для Magneto Посмотреть профиль Найти все сообщения от Magneto
 
Регистрация: 06.05.2010
Сообщений: 677

Или:
<html><head></head><body><script type="text/javascript">

var getNum = function() {return Math.floor(Math.random() * 256)};

setInterval(function() {
	document.body.style.backgroundColor = 'rgb(' + getNum() + ',' + getNum() + ',' + getNum() + ')';
}, 1000);

</script></body></html>
Ответить с цитированием
  #5 (permalink)  
Старый 11.05.2015, 12:42
Новичок на форуме
Отправить личное сообщение для shmihshmih Посмотреть профиль Найти все сообщения от shmihshmih
 
Регистрация: 09.05.2015
Сообщений: 6

Спасибо)
Ответить с цитированием
  #6 (permalink)  
Старый 22.02.2020, 18:10
Аватар для LADYX
Профессор
Отправить личное сообщение для LADYX Посмотреть профиль Найти все сообщения от LADYX
 
Регистрация: 19.02.2015
Сообщений: 219

Сообщение от Magneto
Или:
а если нужно не для body, а для какого-то блока (.block), то как правильно написать вместо "document.body"?
Ответить с цитированием
  #7 (permalink)  
Старый 22.02.2020, 18:18
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от LADYX
то как правильно написать

querySelector
Ответить с цитированием
  #8 (permalink)  
Старый 22.02.2020, 18:23
Аватар для LADYX
Профессор
Отправить личное сообщение для LADYX Посмотреть профиль Найти все сообщения от LADYX
 
Регистрация: 19.02.2015
Сообщений: 219

рони,

прошу прощения, что-то я сам ступил))

Сообщение от LADYX
как правильно написать вместо "document.body"?
Отвечаю сам же на свой вопрос:

вместо:
document.body

пишем:
document.body.appendChild(block)

и добавляем:
var block = document.createElement('block');

всё же верно?
Ответить с цитированием
  #9 (permalink)  
Старый 22.02.2020, 18:26
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от LADYX
всё же верно?
вам виднее, иначе пишите код полностью.
Ответить с цитированием
  #10 (permalink)  
Старый 22.02.2020, 18:33
Аватар для LADYX
Профессор
Отправить личное сообщение для LADYX Посмотреть профиль Найти все сообщения от LADYX
 
Регистрация: 19.02.2015
Сообщений: 219

Сообщение от рони
вам виднее, иначе пишите код полностью.
рони,
да-да, всё работает, не буду вас лишний раз напрягать по таким глупым пустякам)) Прошу прощения
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Менять каждую секунду цвет фона Apelcun77 Общие вопросы Javascript 5 21.11.2013 17:13
Смена фона и цвета ссылки, если посетитель находиться на ней Gawk Общие вопросы Javascript 4 19.02.2012 15:27
Менять цвета фона (оплачу) cmd Flash 1 10.07.2011 17:15
Функция выполняющаяся каждую секунду Neokortex Общие вопросы Javascript 1 15.10.2010 13:47
случайная смена фона сайта на jquery Netherlandman jQuery 8 25.08.2010 03:11