Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 每个给定周期自动更改一次div及其内容_Jquery_Html - Fatal编程技术网

Jquery 每个给定周期自动更改一次div及其内容

Jquery 每个给定周期自动更改一次div及其内容,jquery,html,Jquery,Html,是否可以让div及其内容(图像类和相关文本)每周自动更改为不同的预配置内容?您可以使用jquery来实现这一点吗 注:感谢亲爱的聪明人的诙谐评论:-) 澄清。我有一个网页,上面有一位著名艺术家的照片和他/她的个人简历。我希望每周都有一位不同的艺术家展示他们自己的个人简历和形象。我可以手动操作,但如果艺术家图像和个人简历每周在不同的艺术家之间循环自动更改,我更愿意这样做。内容在一个div中,我想知道是否可以使用jquery或其他流程循环不同艺术家的内容?是的,可能不太可能 为了避免下载各种不必要

是否可以让div及其内容(图像类和相关文本)每周自动更改为不同的预配置内容?您可以使用jquery来实现这一点吗

注:感谢亲爱的聪明人的诙谐评论:-)

澄清。我有一个网页,上面有一位著名艺术家的照片和他/她的个人简历。我希望每周都有一位不同的艺术家展示他们自己的个人简历和形象。我可以手动操作,但如果艺术家图像和个人简历每周在不同的艺术家之间循环自动更改,我更愿意这样做。内容在一个div中,我想知道是否可以使用jquery或其他流程循环不同艺术家的内容?

是的,可能不太可能


为了避免下载各种不必要的数据,只需在服务器上为每个艺术家创建一个不同的HTML文件。每个文件应仅包含所需的内容。没有标签

一致地标记文件,以数字结尾,如:
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月1日的第一个循环开始。

是的,可能不太可能


为了避免下载各种不必要的数据,只需在服务器上为每个艺术家创建一个不同的HTML文件。每个文件应仅包含所需的内容。无
标记

一致地标记文件,以数字结尾,如:
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月1日的第一个艺人开始。

你可能会想要这样的。假设你有三个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>

请注意,纪元(1969年12月31日)是一周的中间时间,因此这是您的横幅将更改的时间。

您可能希望这样。假设您有三个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>

请注意,新纪元(1969年12月31日)是一周的中间时间,因此这是您的横幅将更改的时间。

服务器端解决方案可能会更好地满足这一要求。但是,您可以使用类似以下的方法进行快速攻击:

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

服务器端解决方案可能更好地解决这一问题。但是,您可以使用以下类似的方法进行快速攻击:

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

就这些吗?看起来你的问题不完整。“每周到…”?我想我们需要更多的信息。但是似乎已经足够完整了。可以重新表述为“我可以使用jquery每7天触发一次事件吗?”您可以提供更多关于您的站点所处环境的信息吗?您目前使用的是什么技术,您是否也使用服务器端语言,您可以如何存储预配置的内容,或者如果您没有这是问题的一部分…就这些吗?看起来你的问题不完整。“每周到…”?我想我们需要更多的信息。但是似乎已经足够完整了。可以重新表述为“我可以使用jquery每7天触发一次事件吗?”您可以提供更多关于您的站点所处环境的信息吗?您目前使用的是什么技术,您是否也使用服务器端语言,您可以如何存储预配置的内容,或者如果您没有这是问题的一部分……哈哈!我只是不想写这么多:)看,现在我只会在
y
结束的日子里说。就像明天一样,它不会起作用(但周三会起作用)。;-)@Brad:啊,是的,昨天就有了。bwahahahaha。所以需要一个“是”。自动回复;)英雄联盟我只是不想写这样的话:)看,现在我只会说在
y
结束的日子。就像明天一样,它不会工作(但星期三会)@布拉德:啊,是的,昨天就应该是了。所以需要一个“是”。自动回复;)非常感谢。这就是我所寻找的,虽然我不确定我是否得到了时代的相关性:-)是日期的参考点。JavaScript日期的内部结构可能是自纪元以来毫秒数的整数。在我的浏览器上,纪元后零秒是1969年12月31日:
警报(新日期(0))
谢谢。这就是我所寻找的,虽然我不确定我是否得到了时代的相关性:-)是日期的参考点。JavaScript日期的内部结构可能是自纪元以来毫秒数的整数。在我的浏览器上,纪元后的零秒是1969年12月31日:
alert(新日期(0))