roixxv
@roixxv
Плод времени.

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

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

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

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


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

Заранее благодарю за ваши ответы.
  • Вопрос задан
  • 57 просмотров
Решения вопроса 2
@Chloyka
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);
Ответ написан
delphinpro
@delphinpro
frontend developer
document.getElementById('blok').style.backgroundColor = 'red';
setTimeout(function(){
  document.getElementById('blok').style.backgroundColor = '';
}, 1000 * 60 * 2)
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Возможно для ваших целей css достаточно
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽