Удаление свойства css через несколько секунд?

Question

[pavelsa]

Добрый день!
Как можно правильно реализовать функцию удаления свойства css по истечению некоторого времени?
При клике на кнопку, я меняю цвет, как по истечению 2-3 секунд удалить (очистить) это свойство .css('color', '#eb4444')?

$('#color').find('.value').css('color', '#eb4444');

Answer 1

[DanKud]

const el = $('#color').find('.value');
el.css('color', '#eb4444');
setTimeout(() => {
    el.css('color', '')
}, 3000);

Comments

[pavelsa]

Отлично! И как можно добавить плавное удаление цвета?

[apoca1ipsis]

pavelsa, добавить в css
transition: all .3s ease-out;

[pavelsa]

apoca1ipsis, тогда и красный цвет будет так долго применяться, мне нужно только потухание плавное (удаление color)

[DanKud]

pavelsa, например так:

const el = $('#color').find('.value');
el.css('color', '#eb4444');
setTimeout(() => {
    el.css({
        color: '',
        transition: 'all 3s ease-in'}
    );
}, 1000);

[pavelsa]

DanKud, благодарю!