Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.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
更改图像的Javascript_Javascript_Image - Fatal编程技术网

更改图像的Javascript

更改图像的Javascript,javascript,image,Javascript,Image,我有一个网站和服务器,上面有数百张分形图像;每当我心情激动时,我就会赚更多。保存它们的文件按顺序编号为“00001.jpg”、“00002.jpg”等。如何每天更改图像,以便每天显示唯一的图像 谢谢好的,我正在重写我的答案,因为我在本地测试了它(我对它是否有效感兴趣)。以下内容将每天从阵列中选择一个唯一的图像,如果要添加图像,则需要将其添加到阵列中。您可能需要添加一些代码来自动将文件夹中的所有图像添加到数组中。总而言之,首先我们制作一个图像数组,然后我们找到自任意日期起用作0-1种子(当天)的天

我有一个网站和服务器,上面有数百张分形图像;每当我心情激动时,我就会赚更多。保存它们的文件按顺序编号为“00001.jpg”、“00002.jpg”等。如何每天更改图像,以便每天显示唯一的图像


谢谢

好的,我正在重写我的答案,因为我在本地测试了它(我对它是否有效感兴趣)。以下内容将每天从阵列中选择一个唯一的图像,如果要添加图像,则需要将其添加到阵列中。您可能需要添加一些代码来自动将文件夹中的所有图像添加到数组中。总而言之,首先我们制作一个图像数组,然后我们找到自任意日期起用作0-1种子(当天)的天数,然后我们从中得到一个介于0和数组长度-1之间的随机整数,然后我们将图像源更改为与该数字匹配的数组元素

HTML:


您忘记了GetRandomAr任意函数中的math.floor:)已编辑为包含,答案不太简洁,但希望能有所帮助。不需要数组,只需将数字填充为零。使用工作代码更新了我的答案,这是一个好主意,我想我可能会在某个网站上使用类似的东西,所以我测试了它。我在下面发布的答案对你有用吗?如果是,请接受作为答复。
    <img id="sharedimage" src="img/00001.jpg"></img>
$( document ).ready(function() {

var imageArray = [
"img/00001.jpg",
"img/00002.jpg",
"img/00003.jpg"
]

var oneDay = 24*60*60*1000; // hours*minutes*seconds*milliseconds
var firstDate = new Date(2016,00,01);
var secondDate = new Date();
var daySeed = Math.round(Math.abs((firstDate.getTime() - secondDate.getTime())/(oneDay)));

function myRandom(seed) {
 var x = Math.sin(seed++) * 10000;
 return x - Math.floor(x);
}

function getDayBasedRandom (){
 return Math.floor((myRandom(daySeed))*imageArray.length)
}

var randomImage = imageArray[getDayBasedRandom ()]

$('#sharedimage').attr("src", randomImage);

});