Javascript-форум - Нужно сделать смену фона , за некоторое время , выбрав это время из списка.

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Нужно сделать смену фона , за некоторое время , выбрав это время из списка. (https://javascript.ru/forum/dom-window/75617-nuzhno-sdelat-smenu-fona-za-nekotoroe-vremya-vybrav-ehto-vremya-iz-spiska.html)

Нужно сделать смену фона , за некоторое время , выбрав это время из списка.

Подскажите пожалуйста.
Вот есть скрипт который меняет фон каждые 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>

<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>

Спасибо большое )