Javascript 如何使用Jquery每2秒钟更改一次图像_Javascript_Jquery_Html

Javascript 如何使用Jquery每2秒钟更改一次图像

javascript jquery html

Javascript 如何使用Jquery每2秒钟更改一次图像,javascript,jquery,html,Javascript,Jquery,Html,好的，所以基本上我正在尝试创建我自己的公文包网站，我希望这些图像“文本”每2秒钟改变一次我如何使用下面的代码做到这一点 Jquery $("document").ready(function(){ $("a").on("mouseover", function(event){ event.preventDefault(); var selection =$(this).html();

好的，所以基本上我正在尝试创建我自己的公文包网站，我希望这些图像“文本”每2秒钟改变一次

我如何使用下面的代码做到这一点

Jquery

        $("document").ready(function(){
            $("a").on("mouseover", function(event){
                event.preventDefault();

                var selection =$(this).html();
                var imgfolder ="images/";
                var new_image;

                switch(selection){
                    case "C#" :
                        new_image = image + "C#-Programmer.png";
                        break;
                    case "Java" :
                        new_image = image + "JAVA-Programmer.png";
                        break;
                    case "HTML" :
                        new_image = image + "HTML-Programmer.png";
                        break;
                    case "DMD" :
                        new_image = image + "Digital-Media-Designer.png";
                        break;
                    case "network" :
                        new_image = image + "Network-Engineer.png";
                        break;
                    default:
                        new_image =  + "UX-Designer.png";
                        break;
                }
                $("img").attr("src", new_image);
            });
            $("#hide").on("click",function(){
                $("img").fadeOut(1000,function(){
                    alert("fadeout completed")
                });
            });
            $("#show").on("click",function(){
                $("img").fadeIn(1000);
            });


        });

这是我的html代码

<img src="image/UX-Designer.png" alt="c#"/>

正如@smdsgn所说，使用

setInterval

创建基于计时器的事件。我还建议使用一组图像位置，并以这种方式对它们进行迭代。这似乎不是switch语句的最佳用途

var图像=[
“images/img1.jpg”，
“iamges/img2.jpg”，
“images/img3.jpg”
]
无功电流=0；
setInterval（函数（）{
$（'#flip'）.attr（'src'，images[current]）；
电流=（电流<图像长度-1）？电流+1:0；
},1000); /*1000=1秒*/

#翻转{
宽度：100px；
高度：自动；
}

看看setInterval（）方法对不起，这段代码是什么意思？{current=（current

[jquery]相关文章推荐

随机文章推荐