每日按日期更改特定鏈接

我想通過JavaScript或jQuery從startdate X（假設從11月20日=第1天）開始每天更改頁面上的鏈接。它必須是一個特定的鏈接，每天。每日按日期更改特定鏈接

我的解決方案至今：所以我增加了鏈路內div#daily-gal，增加了價值，每一個環節，並通過.hide (display:none;) CSS類隱藏起來。到現在爲止還挺好。現在對我來說是棘手的部分：我想按日期設置一個起始日期，並查看已經過了多少天（今天 - 開始日期）並將其作爲變量（linkval）的值。該函數現在應該是：如果鏈接的設置值與我的linkval匹配，則應該在鏈接內操作類.show（display：block;）。

因爲我對jQuery/JS比較陌生，所以我在這裏懸掛了分類學問題（或者甚至理解問題;）。如果有人想知道我錯在哪裏，我會很高興。

的JS-filde：http://jsfiddle.net/Mdq49/

HTML：

<div id="daily-gal"> 
    <a href="http://www.eamplelink.com/A" class="hide" value="1">link1</a> 
    <a href="http://www.eamplelink.com/B" class="hide" value="2">link2</a> 
    <a href="http://www.eamplelink.com/C" class="hide" value="3">link3</a> 
    <a href="http://www.eamplelink.com/D" class="hide" value="4">link4</a> 
    <a href="http://www.eamplelink.com/E" class="hide" value="5">link5</a> 
    <a href="http://www.eamplelink.com/F" class="hide" value="6">link6</a> 
</div> 
<!-- End daily gal -->

的jQuery：

var startdate = new Date("November 20, 2013 00:00:00 GET") 
var today = new Date(); 
count = Math.floor((startdate.getTime() - today.getTime())/1000); 
var linkval = cont * -1; 

$(document).ready(function() { 
    if linkval === a.value { 
     $('#daily-gal a').attr('http://www.eamplelink.com/', ['linkval']).addClass('show').removeClass('hide') 
    } 
});

CSS：

.hide { 
    display:none; 
} 
.show { 
    display:block; 
}

來源

2013-11-14 Chris Klein

什麼是'cont'？ –

Typo cont應計數'var linkval = count * -1'; – Ani

今天計算的全局變量 - 開始日期。 –

^{你在你的代碼中有一個錯字：GET應該是綠色的。 Merid。時間如此GMT}
使用%模（提醒）運算符這是一個很簡單的任務

LIVE DEMO

var links = [ 
    "http://www.eamplelink.com/A", 
    "http://www.eamplelink.com/B", 
    "http://www.eamplelink.com/C", 
    "http://www.eamplelink.com/D", 
    "http://www.eamplelink.com/E" 
]; 
// Set a date in the future: 
var start = new Date("November 14, 2013 00:00:00 GMT"),  
    today = new Date(), 
    days = Math.ceil((start.getTime()-today.getTime())/1000/60/60/24); 


$('#daily-gal a').attr('href', links[days%links.length]);

如果今天是11月14日，讓我們說，我們需要的A鏈接，現在設置爲11月20日,
即天后，你應該得到的B鏈接：

0A, 1B, 2C, 3D, 4E,%(5)0A, (6)1B

重要提示！如果設定的日期是未來的日期，以上將會工作。

HTML：

<div id="daily-gal"> 
    <a href="#">TEST</a> 
</div>

來源

2013-11-14 17:31:47

嗨Roko，非常感謝你！試試這個吧:) –

@ChrisKlein我也會添加一個微小的時間間隔來重新檢查日期，我可能會打開你的頁面，離開我的電腦，然後明天再次點擊不受歡迎的鏈接;）或者我可能會訪問你的頁面11:59和一分鐘後... :) –

太棒了！非常感謝您的幫助！ –

每日按日期更改特定鏈接

回答

相關問題