1

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

到目前为止我的解决方案：所以我在 中添加了链接div#daily-gal，为每个链接添加了一个值并通过 css-class 隐藏它们.hide (display:none;)。到目前为止，一切都很好。现在到了对我来说棘手的部分：我想按日期设置一个 startday 并查看已经过去了多少天（今天 - startday）并将其作为一个值赋给一个变量（linkval）。函数现在应该是： 如果链接的设置值与我的链接值匹配，则应在链接内操作类 .show (display:block;)。

我在这里遇到分类问题（甚至是理解问题；），因为我对 jQuery/JS 还是很陌生。如果有人知道我错在哪里，我会很高兴。

js 文件：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;
}
4

1 回答 1

0

您的代码中有错字：GET应该是 Greenw。梅里德。时间如此GMT
使用%模（提醒）运算符是一项非常容易的任务

现场演示

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>
于 2013-11-14T17:31:47.217 回答