javascript - 使用 javascript/jQuery 在特定日期显示特定元素？

Question

和标题差不多。有人问我是否可以在不同日期在网站的某个部分中显示特定横幅，而无需任何外部用户输入。

我的第一个想法是使用 javascript/jquery。然而，我们的功能受到限制，因为该网站是由 Netsuite 恐怖分子控制的。

任何帮助/想法表示赞赏:)

-韦恩

Answer 1

编辑:关于您的评论，听起来您想根据星期几加载不同的幻灯片。

这是一个简单的通用示例，说明如何完成此操作。

  // Insert the code that loads the individual slideshows in the functions below
var slideshows = [
    function() { /* insert code to load some slideshow */ },
    function() { /* insert code to load some other slideshow */ },
    function() { /* insert code to load a different slideshow */ },
    function() { /* insert code to load yet another slideshow */ }
];
  // call a slideshow function depending on the day of week
slideshows[ new Date().getDate() % slideshows.length ]();

这将根据星期几从数组中调用不同的函数。你不需要七个。它会自动旋转。

还有其他方法可以解决此问题，但我需要了解幻灯片是如何设置的。这是一个简单的方法。

如果您有超过 7 个不同的幻灯片，则需要对其进行一些更改。

<小时/>

编辑: 这个答案假设您的意思是一周中的每一天都不同。不确定这是否是您的意图。

<小时/>

这可能比我原来的答案更好，因为它不需要加载所有横幅。

仅 JavaScript 版本

示例: http://jsfiddle.net/patrick_dw/5drgu/4/

var banners = [
    "http://dummyimage.com/120x90/f00/fff.png&text=my+image",
    "http://dummyimage.com/120x90/0f0/fff.png&text=my+image",
    "http://dummyimage.com/120x90/00f/fff.png&text=my+image",
    "http://dummyimage.com/120x90/ff0/fff.png&text=my+image"
    ];
var banner = new Image();
banner.src = banners[ new Date().getDate() % banners.length ];
document.getElementById('container').appendChild( banner );

<小时/>

jQuery 版本

示例: http://jsfiddle.net/patrick_dw/5drgu/7/

(稍微改变一下，这样它就不会以空 <img> 开头)

var banners = [
    "http://dummyimage.com/120x90/f00/fff.png&text=my+image",
    "http://dummyimage.com/120x90/0f0/fff.png&text=my+image",
    "http://dummyimage.com/120x90/00f/fff.png&text=my+image",
    "http://dummyimage.com/120x90/ff0/fff.png&text=my+image"
    ];
var banner =  $('<img>', { src:banners[ new Date().getDate() % banners.length ]})
                          .appendTo('#container');

html

<div id='container'></div>

<小时/>

原始答案:

一种方法是:

示例: http://jsfiddle.net/patrick_dw/5drgu/

var banners = $('#container img').hide();
banners.eq( new Date().getDate() % banners.length ).show();

html

<div id='container'>
   <img src = "http://dummyimage.com/120x90/f00/fff.png&text=my+image" />
   <img src = "http://dummyimage.com/120x90/0f0/fff.png&text=my+image" />
   <img src = "http://dummyimage.com/120x90/00f/fff.png&text=my+image" />
   <img src = "http://dummyimage.com/120x90/ff0/fff.png&text=my+image" />
</div>