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

Question

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

Answer 1

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

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

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 

} ...... 

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

Answer 2

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

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

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