Как при переходе на сайт через определенное время сменить цвет фона?

161
09 января 2017, 22:16

Как при переходе на сайт через определенное время сменить цвет фона и больше его не менять (до перезагрузки)?

Answer 1

Не очень кроссбраузерно, зато без js. Через 5 секунд запустится переход по цвету фона длительностью 2 секунды.

body { 
  animation-name: Name; 
  animation-duration: 2s; 
  animation-delay: 5s; 
  animation-fill-mode: forwards; 
  background-color: blue; 
} 
@keyframes Name { 
  0% { 
    background-color: blue; 
  } 
  100% { 
    background-color: red; 
  } 
}

Answer 2

Для событий "через определённое время" в JavaScript есть функция setTimeout. В ней указываете время в миллисекундах. К примеру, заменим цвет фона на васильковый (cornflowerblue) через 2 секунды (2000 миллисекунд):

$(function() { 
  setTimeout(function() { 
    $("body").css("background-color", "cornflowerblue"); 
  }, 2000); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 3

С JQuery, но кроссбраузерно 100%, даже в ie6 работать будет

setTimeout(function(){
  $('body').animate({'background-color': '#f60'}, 300);
},5000); // Changing color after 5 sec

Без jQuery

setTimeout(function(){
  document.getElementsByTagName('body')[0].style.backgroundColor = '#f60'
}, 5000);

а для анимации во втором случае в css добавить

body{transition-duration: .3s}
READ ALSO
Что делает синтаксис (type*)?

Что делает синтаксис (type*)?

А именно: = (type*) (

134
MessageBox отдельно от основной программы

MessageBox отдельно от основной программы

Во-первых, скажу, что MessageBox'a я вывел в отдельный поток (чтобы не ждать ответа пользователя), но дело в том, что мне нужно сделать так, чтобы после...

176
некорректная работа обработчика onClick для элементов TListBox (на андроид)

некорректная работа обработчика onClick для элементов TListBox (на андроид)

Создал элемент (item) в ListboxНазначил ему обработчик onClick

124
Почему не прерывается цикл while?

Почему не прерывается цикл while?

Не могу понять что не так, почему не срабатывает сравнение в цикле while?

146