Javascript.RU

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

Нужно сделать смену фона , за некоторое время , выбрав это время из списка.
Подскажите пожалуйста.
Вот есть скрипт который меняет фон каждые 3 секунды и список с нужными интервалами время, в скрипте сейчас стоит только 1000= 1 секунда, как мне связать между собой скрипт и список и сделать разные интервалы времени
<script type="text/javascript">
function time()
{
var n1= setTimeout('n1');
}
var imgBg=Array('1.jpg','2.jpg','3.jpg','4.jpg');
showImg = function() {
var index=Math.floor(Math.random()*imgBg.length);
document.getElementsByTagName('body')[0].style.backgroundImage='url('+imgBg[index]+')';
setTimeout(showImg,1000);
}
window.onload=showImg;
</script>

Есть список
<select>
<option>1s</option>
<option>3s</option>
<option>5s</option>
</select>
Ответить с цитированием
  #2 (permalink)  
Старый 24.10.2018, 15:06
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

<body>
   <select>
      <option value="1000" selected>1s</option>
      <option value="3000">3s</option>
      <option value="5000">5s</option>
   </select>
</body>
<script type="text/javascript">
var delay = 1000;
var imgBg=Array('https://javascript.ru/cat/list/event.gif',
'https://javascript.ru/cat/list/donkey.gif',
'https://javascript.ru/cat/list/firefox.gif',
'https://javascript.ru/cat/list/jquery_54.png'); 
showImg = function() {
   var index=Math.floor(Math.random()*imgBg.length); 
   document.getElementsByTagName('body')[0].style.backgroundImage='url('+imgBg[index]+')';
setTimeout(showImg,delay);
} 
window.onload=showImg; 
document.querySelector('select').onchange = function() {
   delay = +this.value;
}
</script>

Последний раз редактировалось Dilettante_Pro, 24.10.2018 в 15:51.
Ответить с цитированием
  #3 (permalink)  
Старый 24.10.2018, 15:12
Новичок на форуме
Отправить личное сообщение для Andrey987 Посмотреть профиль Найти все сообщения от Andrey987
 
Регистрация: 24.10.2018
Сообщений: 2

Спасибо большое )
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выручайте Нужно сделать так чтобы через HTML Можно было открыть прогу на Компе Это Во HTML HELP Элементы интерфейса 6 25.02.2014 04:39
Position fixed, но динамический по оси ОХ tvixa Элементы интерфейса 4 09.09.2013 15:39