Нужно чтобы после создания 100-го элемента setInterval
выключался. Можно ли это сделать без создания дополнительных переменных, типа такого:
var timerId = setInterval(function() {
alert( "work" );
}, 2000);
Уже все перепробовал, но никак не выходит.
Вот код:
function foo() {
var field = document.getElementById('field');
var count = 1; //счетчик
function addElem() {
var div = document.createElement('div');
div.classList.add('block');
div.innerHTML = count;
field.appendChild(div);
count += 1;
}
setInterval(addElem, 20);
}
#field {
width: 500px;
height: 500px;
border: 3px solid;
margin-top: 10px;
}
.block {
width: 50px;
height: 50px;
border: 1px solid;
background-color: rgb(16, 165, 115);
float: left;
box-sizing: border-box;
}
<button onclick="foo()">Create</button>
<div id="field"></div>
setInterval
, надо знатьid
этого таймера. Для этого его надо где-то запомнить. Без переменной это сделать затруднительно.localStorage.setItem('timer', setInterval(...))
, но озвучивать я ее постеснялся. :)