Исчезаем между двумя цветами с помощью JavaScript / jQuery

Question

Возможно ли затухание между цветами?

Я работаю над небольшим проектом и, исходя из времени, прошедшего с момента открытия сайта, фон должен менять цвета.Он работает нормально, но основан на секундах и усердно обрезает следующий цвет в строке

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

  if(totalSeconds > 10){
     $('.lead').css('color', '#95EB00');
     $('body').css('background-color', '#95EB00');
  }

  if(totalSeconds > 15){
     $('.lead').css('color', '#09E845');
     $('body').css('background-color', '#09E845');
  }

можно ли изменить цвета в интервале времени от х-секунд?и исчезнуть до следующего цвета?

Answer 1

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

body {
    background-color: red;
    animation: bg-transition 5s linear 0s forwards;
}


@keyframes bg-transition {
  0%, 50% {
    background-color: red; 
  }

  100% {
    background-color: blue;
  }
}

Answer 2

Попробуйте добавить правило CSS, например:

.lead {
   transition: color <desired_transition_time> linear
}