每天按日期更改特定链接

Changing specific link daily by date

本文关键字：链接 日期 每天      更新时间：2023-09-26

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

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

j查询：

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;
}

你的代码中有一个拼写错误：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>
相关文章：