每個給定週期自動更改一個div及其內容

是否有可能每週都有一個div及其內容（圖像類和相關文本）自動更改爲不同的預配置內容？你可以使用jQuery來做到這一點？每個給定週期自動更改一個div及其內容

注：謝謝你的機智意見親愛的聰明錢:-)

澄清。我有一張網頁，上面有一張特色藝術家的照片和他/她的生物。我希望有一個不同的藝術家每週都有自己的生物和形象。我可以手動完成，但如果藝術家形象和生物每週在不同的藝術家之間騎自行車，則會自動更改。內容是在div中，我想知道是否可以使用jquery或其他過程循環播放不同藝術家的內容？

來源

2011-02-01 Quazi

就是這樣嗎？看起來你的問題並不完整。 – 2011-02-01 22:40:10

「每週都要......」？我認爲我們需要更多信息。 – 2011-02-01 22:40:16

是的。有可能的。 – Kalendae 2011-02-01 22:57:25

你可能想是這樣說你有三個div的要每星期之間轉動。

<div class="weekly week-1"> Buy our things! </div> 
<div class="weekly week-2"> Save 20% today! </div> 
<div class="weekly week-3"> Free kitten with every widget! </div>

您可以顯示和隱藏基於本週這樣的DIV：

// Get the number of the week since the epoch. 
var week = Math.floor(new Date().getTime()/(1000 * 60 * 60 * 24 * 7)); 

// Show one div per week. 
$('.weekly').hide(); 
$('.weekly .week-' + (week % 3 + 1)).show();

注意時代（1969年12月31日）是一週的中間，所以這是當你的廣告將會改變

來源

2011-02-01 23:01:43

^{_{是也許不可能絕對}}

爲了避免下載各種不必要的數據，只需在服務器上創建的每個藝術家不同的HTML文件。每個文件只能包含您想要的內容。沒有<html><head><body>標籤。

標籤一致的文件，帶有數字結尾的，如：artist_0.html，artist_1.html等。

然後將其旋轉，這樣做：

var today = new Date(); 
var beginning = new Date(today.getFullYear(),0,1); 
var dayOfYear = Math.floor((((today - beginning)/60000)/60)/24); 
var weekNumber = Math.floor(dayOfYear/7); 

var numberOfArtists = 7; // Total quantity of artists (indexed 0 - 6) 

var artistURL = "/path/to/artist_" + (weekNumber % 7) + ".html"; // Build the URL 

$(function() { 
    $('#my_highlighted_artist').load(artistURL); // Load the proper artist 
});            // on page load

但是，無論有多少藝術家你有。它會一直循環下一個（雖然週期將在第一個重新開始的月1

來源

2011-02-01 22:57:56 user113716

這可能更適合服務器端解決方案。但是，您可以使用類似以下內容的快速入侵：

var now = new Date(); 

Date.prototype.getDOY = function() { 
var onejan = new Date(this.getFullYear(),0,1); 
return Math.ceil((this - onejan)/86400000); 
} 

var day = now.getDOY(); 

var week = Math.floor(day/7); 

switch(week) 
{ 
case 1: 
    // First Week 
    break; 
case 2: 
    // Second week 
    break; 
}

來源

2011-02-01 23:04:30 Jason

每個給定週期自動更改一個div及其內容

回答

相關問題