setInterval()不会在运行时通过淡入和淡出来添加图像

时间:2017-08-15 15:52:23

标签: javascript jquery

在这里,我正在尝试使用setInterval()函数逐个淡化图像。但它不适合我。任何人都可以帮助我。

 $(document).ready(function () {
            $("#imgMain").fadeOut().fadeIn(2000);
            var image = 1;
            function test()
            {
                switch (image)
                {
                    case "1":
                        $("#imgMain").fadeOut(2000, function () {
                            $(this).prop("src", "Images/babyshoppingbanner2.jpg")
                        }).fadeIn(2000);
                        image = 2;
                        break;
                    case "2":
                        $("#imgMain").fadeOut(2000, function () {
                            $(this).prop("src", "Images/babyshoppingbanner3.jpg")
                        }).fadeIn(2000);
                        image = 3;
                        break;
                    case "3":
                        $("#imgMain").fadeOut(2000, function () {
                            $(this).prop("src", "Images/babyshoppingbanner1.jpg")
                        }).fadeIn(2000);
                        image = 1;
                        break;
                }
            }            window.setInterval(test, 4000);
        });

1 个答案:

答案 0 :(得分:1)

案例陈述不做类型强制。您有i=1,但您的个案陈述正在寻找"1"。因此,您需要case 1var i="1";

进一步阅读:http://www.ecma-international.org/ecma-262/5.1/#sec-12.11