javascript - 取决于工作日的动态内容

Question

我需要某种脚本来根据星期几显示不同的内容，主要是图像。这是我尝试过的

<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>

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

Answer 1

您可以执行以下操作：

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);

一些增强功能

• 将图像源数组放置在函数之外将防止每次调用函数时重新创建数组
• 使用函数参数使其更通用，并允许填充例如另一个图像容器或从另一个源获取图像
• [...].join('')是一种字符串缓冲区，对于旧浏览器可能会提供更好的性能

Answer 2

不确定您是否只是在查看如何将图像分配给 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");