Динамическое изменение фона страницы

@dpizrekov · Регистрация: 09.05.2015

Author24 — интернет-сервис помощи студентам

Как реализовать смену фона через определенный промежуток времени?

@alexsamos33 · 11.08.2015, 19:17

Сообщение от dpizrekov

Как реализовать смену фона через определенный промежуток времени?

Javascript

1
2
3

window.setTimeout(function() {
        document.body.style.background = "..."; /* меняем */
}, 10000); /* через 10 секунд */

@whiteapps · 11.08.2015, 19:21

dpizrekov,

HTML5

1	<div id="back"></div>

CSS

#back{
    width: 100vw;
    height: 100vh;
    background-image: url([url]http://wallpapers55.com/wp-content/uploads/2013/09/bicycle-pictures-photography-wallpapers-hd-1120x600.jpg);[/url]
    background-size: cover;
}

Javascript

(function () {
    setTimeout(function () {
        document.getElementById('back').style['background-image'] = "url(http://s5.favim.com/orig/51/art-beauty-color-cool-photography-Favim.com-548081.jpg)";
    }, 3000);
})();

http://jsfiddle.net/w8d3jffo/

@dpizrekov 0 / 0 / 0 Регистрация: 09.05.2015 Сообщений: 3
		1
	Динамическое изменение фона страницы 11.08.2015, 18:18. Показов 2366. Ответов 2 Метки нет (Все метки) Как реализовать смену фона через определенный промежуток времени? 0

	11.08.2015, 19:21

Динамическое изменение фона страницы

Решение