Question

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

Answer 1

在CSS中使用绝对定位：position: absolute;，使用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

} ......

只是一个简单的想法如何实现这一点..您也可以根据一天中的小时来定位其他元素。

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

2 个答案: