Javascript 我有四个div,每个div包含2个图像。我想在每个div中更改这些图像,但不是一次更改

Javascript 我有四个div,每个div包含2个图像。我想在每个div中更改这些图像,但不是一次更改,javascript,image,controls,fade,Javascript,Image,Controls,Fade,每个div包含两个图像。它的工作原理解释如下 -div1:ImagesA.1 fade out , ImageB.1 fadeIn. -Time Interval of 2secs. -div2: ImageA.2 fadeOut, ImageB.2 FadeIn. -Time Interval of 2 secs. -div3: ImageA.3 fadeOut, ImageB.3 FadeIn. -Time interval of 2 secs. -div4: ImageA.4 fadeou

每个div包含两个图像。它的工作原理解释如下

-div1:ImagesA.1 fade out , ImageB.1 fadeIn.
-Time Interval of 2secs.
-div2: ImageA.2 fadeOut, ImageB.2 FadeIn.
-Time Interval of 2 secs.
-div3: ImageA.3 fadeOut, ImageB.3 FadeIn.
-Time interval of 2 secs.
-div4: ImageA.4 fadeout. ImageB.4 FadeIn.

again..
-div1:ImageA.1 fadeout and ....
cycle countinous forever.

据我所知,您正试图在一个div内以固定的时间间隔对两个图像进行
fadeIn
fadeOut

对于常规时间间隔,可以使用Javascript的
setInterval

我已经使用为单个
div
创建了一个JSFIDLE,希望这能给您一个想法

为您的代码创建一个标签或将代码粘贴到此处。