jquery - Change header background every 24 hours

Question

Is it possible to change my header background image every 24 hours?

All my images are stored in a folder called header-images.

Answer 1

如果它是您想要每小时的图像，为什么不在该文件夹中有 24 张图像并用小时命名呢？

在您的主模板脚本中使用：

var dt = new Date(),
    currentDay = dt.getDate(); // [0-31]
$("body").css("backgroundImage", "/images/bkg_" + currentDay + ".jpg");

然后您应该将每天的图像设置为

/images/bkg_0.jpg
/images/bkg_1.jpg
...
/images/bkg_30.jpg
/images/bkg_31.jpg

如果您想要随机，您需要访问该文件夹（这样您就知道有多少和女巫文件可用），并且您不能从 javascript（出于安全原因）您需要使用动态语言，例如 ASP。 NET 或 PHP...

Answer 2

var images = ["path/to/image1.png", "path/to/image"];
setInterval(function () {
     var path = images[Math.floor(Math.random() * images.length];
     $("#header").css("background", "url(path)");
}, 1000 * 60 * 24);

但这只会改变一个用户，而不是所有用户。

要更改为所有用户，您需要服务器端代码或使用为所有用户更改的值（例如日期/时间）更改它的函数。