Javascript 基于日期更改图像

我通过css在我的索引页面（对于全屏网站）上引入了一个图像

css

但是，我想根据当天（星期一、星期二等）更改背景图像。我已经找到了根据一天中的时间更改背景图像的来源，我想根据当天本身更改背景图像，并且正在努力查找任何来源

<style>
<?php
    if(date('l')=='Monday') {
?>
    .indx-BG { background: url('...') no-repeat center center; }
<?php
    }
?>
</style>

.indx BG{background:url（“…”）无重复中心；}

所有天重复相同的操作

$images_by_day = array('sunday-image.gif', 'monday-image.gif', ...);
$image_for_today = $images_by_day[date('w')];

.indx BG{background:url（“…”）无重复中心；}

每天重复相同的步骤

$images_by_day = array('sunday-image.gif', 'monday-image.gif', ...);
$image_for_today = $images_by_day[date('w')];

date（'w'）

将为您提供一个介于0和6之间的数字，表示一周中的当前日期。确保您的

$images\u by_day

数组包含7个相应的元素

如何在今天使用

$image\u取决于您。您可以直接
echo（）
图像，也可以将css类名存储在
$images\u by\u day
中。您甚至可以将代码简化为：

CSS:

PHP:

echo'；

date（'w'）
将为您提供一个介于0和6之间的数字，表示一周中的当前日期。确保您的
$images\u by_day
数组包含7个相应的元素

如何在今天使用
$image\u取决于您。您可以直接
echo（）
图像，也可以将css类名存储在
$images\u by\u day
中。您甚至可以将代码简化为：

CSS:

PHP:

echo'；


.你的背景{
背景图片：url（'images/.jpg'）；
高度：300px；
宽度：300px；
背景尺寸：封面；
}


.你的背景{
背景图片：url（'images/.jpg'）；
高度：300px；
宽度：300px；
背景尺寸：封面；
}
您想在JS中更改它吗？如果是这样的话，你只需要使用类
Date（）
和方法
getDay（）
基本上我认为下面的Bobby Jack有正确的想法。这是JS中的一个副本吗？如果是这样的话，你只需要使用类
Date（）
和方法
getDay（）
基本上我认为下面的Bobby Jack有正确的想法这是Ok的副本，所以我需要用一种比css更好的方式来呈现我的背景图像。我有一个一周中每天的图像，所以当它是星期一的时候，我希望背景是星期一的etcNo，CSS是一个很好的方法——如果图像纯粹是“装饰性的”。您希望更改发生在服务器端（例如php）还是客户端（javascript）？不确定两者是否更好，我只需要将其作为div的背景，而不是放在div内部。因此，我目前在css中有它（背景：…），但我必须使用php作为url，因为有多个url。或者我可以用html将其硬编码到div。只是不确定正确的答案line@user3550879编辑我的示例以更具体地针对您的案例不确定发生了什么变化，如果可能的话，我想把它放在我的css样式中，用于#indx BG。示例背景图像：url（../img/.jpg）；只是不确定要使用什么字符串OK，所以我需要以一种比css更好的方式引入我的背景图像。我有一个一周中每天的图像，所以当它是星期一的时候，我希望背景是星期一的etcNo，CSS是一个很好的方法——如果图像纯粹是“装饰性的”。您希望更改发生在服务器端（例如php）还是客户端（javascript）？不确定两者是否更好，我只需要将其作为div的背景，而不是放在div内部。因此，我目前在css中有它（背景：…），但我必须使用php作为url，因为有多个url。或者我可以用html将其硬编码到div。只是不确定正确的答案line@user3550879编辑我的示例以更具体地针对您的案例不确定发生了什么变化，如果可能的话，我想把它放在我的css样式中，用于#indx BG。示例背景图像：url（../img/.jpg）；只是不确定要使用什么字符串好的，然后提问。我的图像位于一个文件夹（称为“img”）中，根据调用的级别确定我需要哪些子组，例如../img/monday.jpg。我应该把../img/放在html-php或css-phpso中的什么地方呢？到目前为止，我还没有任何东西显示出来，我又更新了。请检查它是否对您有效？好的，然后提问。我的图像位于一个文件夹（称为“img”）中，根据调用的级别确定我需要哪些子组，例如../img/monday.jpg。我应该把../img/放在html-php或css-phpso中的什么地方呢？到目前为止，我还没有任何东西显示出来，我又更新了。请检查它是否适合您？
.image-0 { background: url(sundays-image); }
.image-1 { background: url(mondays-image); }
/* etc */

echo '<div class="image-'.date('w').'"></div>';