Javascript 随机循环函数-jsonp

Javascript 随机循环函数-jsonp,javascript,json,loops,random,Javascript,Json,Loops,Random,我正在尝试将一个标准循环函数随机化。以下是原始循环: success: function(data) { for (var i = 0; i < 15; i++) { $("#myimages").append("<a href='" + data.data[i].link + "' target='_blank' style='float:center;width:300px; height:300px;'><img style='width:20%;' src='

我正在尝试将一个标准循环函数随机化。以下是原始循环:

success: function(data) {
for (var i = 0; i < 15; i++) {
  $("#myimages").append("<a href='" + data.data[i].link + "' target='_blank' style='float:center;width:300px; height:300px;'><img style='width:20%;' src='" + data.data[i].images.standard_resolution.url + "' /></a>");
  }
}
成功:函数(数据){
对于(变量i=0;i<15;i++){
$(“#myimages”)。追加(“”);
}
}

谁能帮我一下吗。我到目前为止运气不好

这里有一把小提琴,显示15个数字被随机分配,然后循环通过:

函数洗牌(o){
对于(var j,x,i=o.length;i;j=parseInt(Math.random()*i),x=o[--i],o[i]=o[j],o[j]=x);
返回o;
};
$(文档).ready(函数(){
//初始化数组
var testArray=[];
//填上15个数字

对于(var i=0;i首先,只需随机化数组,请参见:

然后像以前一样继续:

    for (var i = 0; i < 15; i++) {
        $("#myimages").append("<a href='" + data.data[i].link + "' target='_blank' style='float:center;width:300px; height:300px;'><img style='width:20%;' src='" + data.data[i].images.standard_resolution.url + "' /></a>");
    }
}
for(变量i=0;i<15;i++){
$(“#myimages”)。追加(“”);
}
}

如果您在data.data中传递图像列表,可以执行以下操作

 success: function(data) {

    var numberOfImages = Math.min( 15, data.data.length ) ; //bug free to don't repeat        
    var alreadyShow = {}; //to don't repeat


    for (var i = 0; i < numberOfImages ; i++) {

        do{

            var imgIndex = Math.round( Math.random() * ( data.data.length - 1 ) );    

        }while( alreadyShow[imgIndex] );

        alreadyShow[imgIndex] = true;    

        $("#myimages").append("<a href='" + data.data[imgIndex].link + "' target='_blank' style='float:center;width:300px; height:300px;'><img style='width:20%;' src='" + data.data[imgIndex].images.standard_resolution.url + "' /></a>");
      }
    }
成功:函数(数据){
var numberOfImages=Math.min(15,data.data.length);//无bug,不重复
var alreadyShow={};//不重复
对于(var i=0;i

随机不重复

你想随机吗?#myimages容器将加载图像,我希望它达到15,但随机排列
数据
,然后按随机顺序使用你的
for
循环。我尝试了一下,Luan,没有图像加载不幸的单词,如果这来自任何想法h我们怎么能把这个Luan随机化?这里一样Lynn,图像将不再加载。我注意到它使用jsonp。可能是我的问题吗?你一定在代码的其他部分有一个bug。仍在寻找和尝试…thx LynLyn,我刚得到消息源。请快速查看这里。我注意到有一个jsonp调用,这会影响脚本吗?你知道吗您将能够替换我的文档。准备好您的成功:函数(数据)事件,然后将你的.append放在我的位置。最后它只是一个循环,除了这里0到15之间的值是随机的。如果没有完整的脚本,就不可能测试它是否能一起工作。Torrobinson,他们向我指出了源代码,这是一个代码笔。这能起作用吗?是的,谢谢Torrobinson!你太棒了这是我的一天!!!
    for (var i = 0; i < 15; i++) {
        $("#myimages").append("<a href='" + data.data[i].link + "' target='_blank' style='float:center;width:300px; height:300px;'><img style='width:20%;' src='" + data.data[i].images.standard_resolution.url + "' /></a>");
    }
}
 success: function(data) {

    var numberOfImages = Math.min( 15, data.data.length ) ; //bug free to don't repeat        
    var alreadyShow = {}; //to don't repeat


    for (var i = 0; i < numberOfImages ; i++) {

        do{

            var imgIndex = Math.round( Math.random() * ( data.data.length - 1 ) );    

        }while( alreadyShow[imgIndex] );

        alreadyShow[imgIndex] = true;    

        $("#myimages").append("<a href='" + data.data[imgIndex].link + "' target='_blank' style='float:center;width:300px; height:300px;'><img style='width:20%;' src='" + data.data[imgIndex].images.standard_resolution.url + "' /></a>");
      }
    }