动态内容取决于工作日

安德烈·安德烈·罗塔鲁(​​Andre Rotaru)

我需要某种脚本来显示不同的内容,具体取决于星期几,主要是图像。这就是我尝试过的

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

我想使它能够显示图像。你能帮我吗?

瓦迪姆

您可以执行以下操作:

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('') 是一种用于旧浏览器的字符串缓冲区,可以提供更好的性能

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章