每24小时更改标题背景

Question

是否可以每24小时更改一次标题背景图片？

我的所有图像都存储在名为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);

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

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