Как добавить CSS стиль временно через JS?

Question

[roixxv]

Доброго времени суток!
Например у меня есть блок синего цвета.

<div id="blok"> 12345</div>

#blok {
	width: var(--size);
  height: var(--size);
  --size: 50px;
  background: blue;
  
}

И теперь с помощью JS , я хочу изменить синий цвет на красный на 2 минуты, после 2 минут он становится обратно синим.

Заранее благодарю за ваши ответы.

Answer 1

[Никита]

const block = document.getElementById('blok');
block.style.background = 'red';
setTimeout(function(){
    block.style.background = 'blue';
}, 120000);

или

#blok.red{
background: red;
}

const block = document.getElementById('blok');
block.classList.add('red');
setTimeout(function(){
    block.classList.remove('red');
}, 120000);

Comments

[roixxv]

Блогодарю !!

Answer 2

[Сергей delphinpro]

document.getElementById('blok').style.backgroundColor = 'red';
setTimeout(function(){
  document.getElementById('blok').style.backgroundColor = '';
}, 1000 * 60 * 2)

Comments

[roixxv]

Блогодарю !!

Answer 3

[Олег]

Возможно для ваших целей css достаточно