如何在ul li中隨機顯示圖像

Question

我有多個圖像的ul li部分，我想第一次顯示8個圖像，然後想從所有圖像中隨意顯示圖像。這是我的ul結構。

<ul id="randon-client"> 

<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li> 
<li><img src="#" alt="brand9"></li>     
</ul> 

Answer 1

試試這個代碼，顯示隨機每3個secons

$(document).ready(function() { 
 
showRamdon() 
 
}); 
 

 
function showRamdon(){ 
 
     setTimeout(function() { 
 

 
    $images = $("#randon-client").find('img'); 
 
    total = $images.length; 
 

 
    random = Math.floor(total * Math.random()) + 1; 
 
    $images.hide(); 
 
    $images.eq(random).show(); 
 
    showRamdon(); 
 
},1000); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<ul id="randon-client"> 
 

 
<li><img src="#" alt="brand1"></li> 
 
<li><img src="#" alt="brand2"></li> 
 
<li><img src="#" alt="brand3"></li> 
 
<li><img src="#" alt="brand4"></li> 
 
<li><img src="#" alt="brand5"></li> 
 
<li><img src="#" alt="brand6"></li> 
 
<li><img src="#" alt="brand7"></li> 
 
<li><img src="#" alt="brand8"></li> 
 
<li><img src="#" alt="brand9"></li> 
 
<li><img src="#" alt="brand10"></li> 
 
<li><img src="#" alt="brand11"></li> 
 
<li><img src="#" alt="brand12"></li> 
 
<li><img src="#" alt="brand13"></li> 
 
<li><img src="#" alt="brand14"></li> 
 
<li><img src="#" alt="brand15"></li>    
 
</ul>