在日落/日出更新图像

Question

好的伙计们，我有一个页面，全天候显示，我得到日出/日落时间，我从服务器（websockets，有更多的数据，让我们坚持这个），我得到了太阳的图像/月亮。

根据白天，在页面上更改图像的最佳方法是什么？

重点是：何时调用图像更新功能？我每天都应该获得新的价值观，但我无法预测我将获得这些价值的时间。如果我将使用延迟计时器，当我接收新的日出/日落时间时，我应该如何更新计时器？

Answer 1

看看https://developer.mozilla.org/en-US/docs/Web/JavaScript/Timers。您可以通过首先确定相对超时，并将偏移量用于日出/日落来设置相对超时。

Answer 2

我认为您可以在页面上创建一个计时器，用于检查每个时间段（10分钟）的时间，并将其与服务器上的日期进行比较。

$(document).ready(function(){

setInterval(check_dates,60000);

});

function check_dates()
{

var now = new Date();
if(now>=sunrise_datetime && now< sunset_datetime)
{
$('body').html('<img src='sunrise_image.jpg' />');
}
else
{
$('body').html('<img src='sunset_image.jpg' />');
}

}