Отображать объект на странице в другом месте в зависимости от времени суток

Question

Я смотрю на размещение объекта на странице в другом положении в зависимости от времени суток. В частности, я хотел бы иметь изображение солнца на странице. Я бы хотел, чтобы он перемещался по странице в зависимости от времени суток для пользователя. Есть идеи или предложения? Вероятно, это было сделано прежде, чем я представляю. Я попытался погуглить и нашел действительно очень старые результаты, но ничего недавнего.

Answer 1

Используйте абсолютное позиционирование: position: absolute; в CSS, со свойствами top: ___; и left: ___; для позиционирования объекта на странице.

Вы можете легко изменить эти свойства, используя JavaScript. Поскольку вы пометили свой вопрос как использование jQuery, вы можете просто использовать $(foo).css({left: ___, top: ___});

И, конечно же, объект JavaScript Date может предоставить вам информацию о текущей дате и времени.

Answer 2

Интересная идея .. +1 VoteyDisciple, я просто решил написать небольшой макет на нем.

new Date () возвращает дату / время для локальной машины.

var date = new Date();

var hour = date.getHours();

if (hour == 0) { // when it's 12:00am
   $(foo).css({left: ___, top: ___}); // fill in position
   $(foo2).css({left: ___, top: ___}); // fill in position

} else if (hour == 1) { // when it's 1:00am
   $(foo).css({left: ___, top: ___}); // fill in position
   $(foo2).css({left: ___, top: ___}); // fill in position

} else if (hour == 2) { // when it's 2:00am

} ......

Просто простая мысль, как это сделать. Вы можете расположить и другие элементы в зависимости от часа дня.