Jquery 淡入淡出图像，无需重新加载或刷新页面

我被困在jquery中，需要一些帮助

Here is my code:

JQUERY:

var doms = [];
var randos = [];
var index = 0;

window.fadeout = function() {
  if (index < 3) {
    var random = $(doms.get(randos[index]));
    $(random).delay(200 * index).fadeTo(200, 0, function() {
      $(random).css("visibility", "hidden");
    });
    doms = doms.not(random);
    index++;
    fadeout(doms);
  }
}

var selected = $(this);
doms = $('.grid-item');
var num = Math.floor(Math.random() * doms.length);
for (var i = 0; i < doms.length; i++) {
  while (randos.indexOf(num) > -1) {
    num = Math.floor(Math.random() * doms.length);
  }
  randos.push(num);
}
fadeout();

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="grid">
  <div class="grid-item">Image 1</div>
  <div class="grid-item">Image 2</div>
  <div class="grid-item">Image 3</div>
  <div class="grid-item">Image 4</div>
  <div class="grid-item">Image 5</div>
  <div class="grid-item">Image 6</div>
</div>

你可以用

---

您可以尝试以下方法

var$doms=$（'.grid item'），
数组=[0,1,2]；
$doms.slice（3.hide（）；
setInterval（函数（）{
var hide=Math.floor（Math.random（）*array.length），
号码；
$doms.eq（数组[hide]）.css（“可见性”、“可见”）.fadeTo（200,1）；
阵列拼接（隐藏，1）；
做{
num=Math.floor（Math.random（）*$doms.length）；
}while（hide==num | | array.indexOf（num）>-1）；
$doms.eq（num）.fadeTo（200,0，function（））{
$（this.css（“可见性”、“隐藏”）；
});
array.push（num）；
}，500）

图1
图2
图3
图4
图5
图6

我应该在jQuery代码中的何处添加此代码？提前感谢您使用此脚本，只使用类似$（document）.ready（function（）{}）的onready函数。如果需要，将单击事件写入函数名（）{}。谢谢你，谢谢侯赛因。请您帮助我们如何一次只拍摄三张图像只要在第二行调用你的函数，如果你做同样的事情，我可以建议你：）谢谢Arun，你节省了我的时间。你能建议一下如何一次只拍三张照片吗。谢谢

FRONTEND:
Actually my output at frontend is like this:

Image1  Image2  Image3

Image4  Image5  Image6

I want it to be in this type of patterns that forms triangle .i.e

Image1           Image3

         Image5

     or

Image1

Image4   Image5

     or
        Image2

image4          Image6

Like so...

setInterval(function(){
    alert("Hello");
 }, 3000);

    setInterval(function(){ 

       $('#someId').fadeIn();

    }, 3000);

    setInterval(function(){ 

       $('#someId').fadeOut();

    }, 4000);