Javascript 如何在移动设备上停止淡入/淡出

我创建了一个简单的淡入淡出。我还试图停止移动设备上的动画过程。我可以在计算机上访问以下代码，但我想在移动设备上停止fadeIn和fadeOut。 请帮帮我

HTML

<div id="wrap">
            <img class="bgfade" src="img/background1.png">
            <img class="bgfade" src="img/background2.jpg">
            <img class="bgfade" src="img/background3.jpg">
        </div>

js

#wrap{
    position:fixed;; 
    z-index:-1; 
    top:0; 
    left:0; 
    background-color:black;
}

#wrap img.bgfade{
    position:absolute;
    top:0;
    display:none;
    width:100%;
    height:100%;
    z-index:-1;
    background-position: center;

}

img {
    transition: all .10s linear;
    -webkit-transition: all .10s linear;
    -moz-transition: all .10s linear;
    -o-transition: all .10s linear;
}

#wrap img {
   -webkit-filter: brightness(30%);
   filter: brightness(40%);
}

$(window).load(function(){
$('img.bgfade').hide();
var dg_H = $(window).height();
var dg_W = $(window).width();
$('#wrap').css({'height':dg_H,'width':dg_W});

function anim() {
    $("#wrap img.bgfade").first().appendTo('#wrap').fadeOut(2000);
    $("#wrap img").first().fadeIn(2000);
    setTimeout(anim, 3000);
}
anim();})
$(window).resize(function(){window.location.href=window.location.href})

---

jQuery

stop（）

方法用于在动画或效果完成之前停止动画或效果。

这是一个肮脏的解决方案，但您会知道需要做什么。

---

我所做的只是放置了一些

！重要信息

基于媒体查询断点的规则。您尝试使用类设置图像的动画，并清除我放在那里的丑陋代码，注意：这只是为了帮助您理解逻辑。

您是对的，但我必须在移动设备上停止，以便使用stop（）？有三张图片我必须在移动设备上只显示一张图片Mr.Zlatko现在fede in和fedeout停止，但你能帮我在移动设备上只显示一张图片吗背景我尝试了背景图片，它为我工作谢谢Zlatko先生