不相同的SRC時追加圖像

Question

我有這個jQuery programation

$(window).load(function() { 

    var leng = 24; 
    var long = 0; 
    var rm = Math.floor(Math.random()*leng); 



    var tmr = self.setInterval(
     function() { 
      var rm = Math.floor(Math.random()*leng); 
      var valor = "xxxxx/" +rm+ ".jpg"; 

      $("#imacon").append("<img src="+valor+" />"); 

      long++; 
      if(long == 10) { 
       window.clearInterval(tmr); 
      } 
     }, 500)   
}); 

如何可以追加圖像，而不一樣的src？ （圖像追加radomly）

Answer 1

您可以創建可用選項的列表，並且當使用一個，然後從剩下的選項刪除它的使用方法：

$(window).load(function() { 

    var leng = 24; 
    var long = 0; 

    // create choices array 
    var choices = []; 
    for (var i = 0; i < leng; i++) { 
     choices.push(i); 
    } 

    var tmr = setInterval(function() { 
     var rm = Math.floor(Math.random()*choices.length); 

     // get random choice 
     var num = choices[rm]; 

     // remove this item from choices array 
     choices.splice(rm, 1); 

     var valor = "xxxxx/" +num+ ".jpg"; 

     $("#imacon").append("<img src="+valor+" />"); 

     long++; 
     if(long === 10 || choices.length === 0) { 
      clearInterval(tmr); 
     } 
    }, 500); 
});