Question

我想通过JavaScript或jQuery从startdate X（比如11月20日=第1天）开始每天更改页面上的链接。它必须每天都是一个特定的链接。

到目前为止我的解决方案：所以我添加了div#daily-gal中的链接，为每个链接添加了一个值，并通过css-class .hide (display:none;)隐藏它们。到现在为止还挺好。现在对我来说是棘手的部分：我想按日期设置一个开始日，看看已经过了多少天（今天 - 开始日）并将其作为变量（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;
}

Answer 1

^{你的代码中有一个拼写错误：GET应该是Greenw。 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日，
从现在开始 6 天，你应该得到B链接：

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

重要说明！如果设定日期是将来的日期，则上述说法将有效。

<强> HTML ：

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

每天按日期更改特定链接

1 个答案: