Jquery 根据一天中的时间在不同位置显示页面上的对象

我正在考虑根据一天中的时间将一个对象放置在页面上的不同位置。具体来说，我想在页面上有一个太阳的图像。我希望它能够根据用户一天中的时间在页面上移动。有什么想法或建议吗？这可能比我想象的要早。我试着在谷歌上搜索，发现了一些非常古老的结果，但没有发现最近的结果。

使用绝对定位：

位置：绝对，带有
顶部：\uuu u;和
左：_;属性以在页面上定位对象

您可以使用JavaScript轻松地更改这些属性。因为您将问题标记为使用jQuery，所以您可以简单地使用
$（foo）.css（{左：__;，右：__}）

当然，JavaScript的
Date
对象可以为您提供有关当前日期和时间的信息+我刚决定在上面写一个小模型

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

} ......

只是一个简单的想法如何让这一切继续。。你也可以根据一天中的时间来定位其他元素。
这个链接很好地解释了位置将
$（foo）.css（{'left'：''.''.''.''.''.''.''.''.''.''.''.''.'''.'.''.''.'.'''.'.'更简洁一点）
工作吗？（不是批评，只是一个问题；我可能错过了一些重要的东西。）这很酷。但我也在观察太阳在页面上的移动。绝对定位将是放置太阳的完美解决方案。但我也希望移动太阳。@Jason Shultz:这就是jQuery的目的。您可以随时使用JavaScript更改
left
和
top
属性@大卫·托马斯：接得好；我将据此进行编辑。谢谢！我明白你现在在说什么