Возникла ситуация, когда нужно подсчитать количество итераций выполненых с помощью метод setInterval(); и вызвать clearInterval(); для определенного числового значения, при этом числовое значение будет вводить пользователь в элемент input.
т.е. в нижеприведенный код создает элементы, залитые произвольным цветом, нужно чтобы количество элементов ограничивалось конкретным числовым значением, а не бесконечным циклом. И каждый создаваемый элемент имел свой последовательный порядковый номер (рядом с кодом цвета в скобках слева от div.innerHTML = color).
function init() {
div = document.createElement("div");
div.style.cssText = "border: 1px solid #FFF; float: left; margin: 5px; padding: 0px 50px; width: 50px";
body = document.getElementById("body");
document.body.insertBefore(div, body);
for(i=0; i<100; i++){
color= div.style.backgroundColor = '#' + Math.floor(Math.random() * (1000 - 0 + 1)) + 342;
div.innerHTML = color;
}
}
setInterval('init()', 1000);
window.onload = init;
PS: любые конструктивные предложения