Как остановить интервал при превышении 1080px

Question

Есть скрипт, который увеличивает высоту элемента каждую одну секунду. Каким образом сделать так, чтобы при превышении высоты элемента в 1080px скрипт переставал работать. Мой скрипт не останавливает цикл, когда высота элемента достигает 1080px. Помогите понять, что я сделал не так.

let a = document.querySelector('#block');

let go = setInterval(function() {

  a.style.height = a.offsetHeight * 2 + 'px';

  if (a.style.height >= 1080) {
    clearInterval(go);
  }

}, 1000);

#block {
  background: orange;
  transition: all 1s;
}

<div id="block">
  Как дела?
</div>

Answer 1

let a = document.querySelector('#block');

let go = setInterval(function() {
  const newHeight = a.offsetHeight * 2;
  a.style.height = newHeight + 'px';

  if (newHeight >= 270) {
    console.log('stop');
    clearInterval(go);
  }
}, 1000);

#block {
  background: orange;
  transition: all 1s;
}

<div id="block">
  Как дела?
</div>

БЛОГ НА HUSL

Как остановить интервал при превышении 1080px

Ответы (1 шт):