Как изменить интервал выполнения функции с помощью значения тега input?

Question

[jIVOYz]

Как сделать когда при выборе какого нибудь значения из списка interval-value, менялся интервал выполнения функции random

<input type="number" placeholder="Interval" class="interval" list="interval-value" max="30">
    <datalist id="interval-value">
        <option value="1 Second"></option>
        <option value="5 Second"></option>
        <option value="10 Second"></option>
        <option value="30 Second"></option>
    </datalist>

var color = document.querySelector('.color');

document.body.addEventListener('load', random);

function random() {
	var randomColor = Math.floor(Math.random() * 999999)
	console.log(randomColor);

	document.body.style.backgroundColor = randomColor;
	color.textContent = randomColor;
}

var interval_value = document.querySelector('.interval');


setInterval(random, 1000);

Answer 1

[Alex Karo]

1) Вешаем listener на изменение этого input
2) В этом listener делаем clearInterval + setInterval с новым значением