Javascript 动态内容取决于工作日

我需要一些脚本来根据一周中的哪一天显示不同的内容，主要是图像。这就是我尝试过的

<script>
    function myFunction() {
        var d = new Date();
        var weekday=new Array(7);
        weekday[0]="Sunday";
        weekday[1]="Monday";
        weekday[2]="img src="http://totalscript.ro/logo.png";
        weekday[3]="Wednesday";
        weekday[4]="Thursday";
        weekday[5]="Friday";
        weekday[6]="Saturday";

        var x = document.getElementById("demo");
        x.innerHTML=weekday[d.getDay()];
    }
</script>

函数myFunction（）{
var d=新日期（）；
var weekday=新数组（7）；
工作日[0]=“周日”；
工作日[1]=“周一”；
工作日[2]=“img src=”http://totalscript.ro/logo.png";
工作日[3]=“星期三”；
工作日[4]=“周四”；
工作日[5]=“周五”；
工作日[6]=“周六”；
var x=document.getElementById（“演示”）；
x、 innerHTML=工作日[d.getDay（）]；
}

---

我想让它能够显示图像。您能帮忙吗？

不确定您是否正在查看如何将图像分配给JQuery中的项目？如果是的话

$("#demo").attr("src","http://imageLocation");

or if you want to use your already created variable, which is using raw javascript:

x.attr("src","http://imageLocation");

---

您可以执行以下操作：

var images = [
    'http://my.site.com/img1.jpg',
    'http://my.site.com/img2.jpg',
    'http://my.site.com/img3.jpg',
    'http://my.site.com/img4.jpg',
    'http://my.site.com/img5.jpg',
    'http://my.site.com/img6.jpg',
    'http://my.site.com/img7.jpg',
];

function placeImage(id, images) {
    document.getElementById(id).innerHTML = [
        '<img src="',
        images[(new Date()).getDay()],
        '"/>'
    ].join('');
}

placeImage('demo', images);

var图像=[
'http://my.site.com/img1.jpg',
'http://my.site.com/img2.jpg',
'http://my.site.com/img3.jpg',
'http://my.site.com/img4.jpg',
'http://my.site.com/img5.jpg',
'http://my.site.com/img6.jpg',
'http://my.site.com/img7.jpg',
];
函数placeImage（id、图像）{
document.getElementById（id）.innerHTML=[
''
].加入（“”）；
}
placeImage（“演示”，图像）；

一些增强功能

• 将图像源数组放置在函数外部将阻止每次调用函数时重新创建数组
• 使用函数参数使其更通用，并允许填充其他图像容器或从其他源获取图像
• join（“”）是一种字符串缓冲区，对于旧浏览器可能提供更好的性能