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