Как отменить setInterval при достижении определенного значения?

Question

[tef]

Здравствуйте.
Меняю высоту блока с помощью setInterval. Нужно отменить интервал при достижении блока определенной высоты. Высота блока случайная.
Код примерно такой

var height = randomInteger(70, 110); // при достижении этого значения, нужно отменить интервал
var j = 0;
var	lightHeightInterval = window.setInterval(function () {
		document.getElementsByClassName('graph-column-light')[0].style.height = j + 'px';
		j++
}, 5);

Смысл в том, что бы этот блок плавно появлялся. Может через интервал, это я неправильно делаю и есть другой способ?

Answer 1

[Владимир]

clearInterval(id) прерывает запланированное методом setInterval()

Comments

[tef]

В том-то и дело. Пишу условие, что при высоте блока равной значению height, очищать интервал. Но не работает почему-то. Блок рисуется в небеса без остановки.

[Дмитрий]

tef: так пишите?

lightHeightInterval = setInterval(function(){ ... }, 5);
// ...
clearInterval(lightHeightInterval);

[tef]

Дмитрий:

lightHeightInterval = setInterval(function(){ ... }, 5);
// ...
if (elem.style.height == height) {clearInterval(lightHeightInterval);}

[tef]

Высота блока случайная.

[Mikhail Osher]

Делайте не ==, а >=

[tef]

Mikhail Osher: Ниже уже была попытка. Но всё равно не работает.

[Владимир]

jsfiddle.net/7ppytLok

[tef]

Ребята, спасибо всем! Всё это дело было в цикле. Нужно было вынести из цикла и всё заработало.

Answer 2

[Александр Карабанов]

Мне, на днях, вот эта штука помогла кое что узнать о settimeout и setinterval https://learn.javascript.ru/settimeout-setinterval