@idx12x4xxx
Начинаю разбираться в JavaScript

Как добавить задержку к .css?

У меня есть код, который должен изменять цвет кнопки на черный после того, как с него убираешь стрелку. Как сделать, что бы этот css применялся спустя 5 секунду после того, как убираешь стрелку.

jQuery("document").ready(function() {
    jQuery(".quadmenu-item").mouseleave(function() {       
        jQuery(this).css('background-color','#000');   
    });
});
  • Вопрос задан
  • 360 просмотров
Решения вопроса 1
Используйте css, вам здесь скрипты не нужны:
.quadmenu-item {
    background-color: #000;
    
    -webkit-transition: background-color 0ms linear;
    transition: background-color 0ms linear;
    -webkit-transition-delay: 5s;
    transition-delay: 5s;
}

.quadmenu-item:hover {
    background-color: #f00;

    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
sharomet
@sharomet
Front-End
jQuery("document").ready(function() {
  jQuery(".quadmenu-item").mouseover(function() {
    var ths = jQuery(this);
    setTimeout(function(){
      ths.css('background-color','#000'); 
    }, 5000);
  });
});
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
04 июл. 2020, в 11:52
20000 руб./за проект
04 июл. 2020, в 11:12
1000 руб./за проект
04 июл. 2020, в 11:11
5000 руб./за проект