取决于工作日的动态内容答案

【问题标题】：Dynamic content depending on weekday取决于工作日的动态内容
【发布时间】：2013-11-16 12:31:32
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript image weekday

【解决方案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('') 是一种字符串缓冲区，对于旧浏览器可能会提供更好的性能

【讨论】：

【解决方案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");

【讨论】：