Javascript jquery代码流

Javascript jquery代码流,javascript,jquery,Javascript,Jquery,我需要一些关于jquery代码流程的帮助。我已经让幻灯片工作,并决定进一步添加导航按钮/图像 在下面的代码中,我首先用一个div进行测试,该div稍后将变成一个图片或按钮。无论如何,我有它,所以当我点击div时,幻灯片将转到幻灯片放映中的第一个图像 现在我遇到的关键问题是,下面的代码可以正常工作,但单击后需要5秒钟才能显示第一张图像,我猜是因为超时功能 $("#slidecontrol2").click(function(){ next.removeClass('is-show

我需要一些关于jquery代码流程的帮助。我已经让幻灯片工作,并决定进一步添加导航按钮/图像

在下面的代码中,我首先用一个div进行测试,该div稍后将变成一个图片或按钮。无论如何,我有它,所以当我点击div时,幻灯片将转到幻灯片放映中的第一个图像

现在我遇到的关键问题是,下面的代码可以正常工作,但单击后需要5秒钟才能显示第一张图像,我猜是因为超时功能

 $("#slidecontrol2").click(function(){
        next.removeClass('is-showing');
        $('#container').children(':first').children(':first').addClass('is-showing');
        **slideShow ();**

      });

      setTimeout(slideShow, 5000);
请注意,这只是函数幻灯片中包含的代码片段

$("#slidecontrol2").click(function(){
    next.removeClass('is-showing');
    $('#container').children(':first').children(':first').addClass('is-showing');


  });

  setTimeout(slideShow, 5000);
我尝试在click()函数之后和timeout函数之前再次调用该函数

 $("#slidecontrol2").click(function(){
        next.removeClass('is-showing');
        $('#container').children(':first').children(':first').addClass('is-showing');
        **slideShow ();**

      });

      setTimeout(slideShow, 5000);
它可以工作,但现在我的图像变得疯狂的快,我敢再次点击,它的速度加快,变得更疯狂

请帮忙
任何人

我注意到,
slideShow
不带任何参数,因此它必须自己处理查找“可见”幻灯片和下一张幻灯片的问题。在我看来,您还希望幻灯片自动播放(我从您那里收集了
setTimeout(slideshow,5000);
line),并且您希望在单击
slidecontroll2
元素时进入下一张幻灯片。由于
slideShow
处理此渐进操作,因此您的代码应该是这样的(下面是伪代码):


请添加有问题的代码。如果不看代码,这是很难理解的。我是否只需要重新发布问题?你不应该这样做!只需编辑您现有的问题。请,任何人都可以为我指出正确的方向。幻灯片演示的作用是什么?它是开始幻灯片放映还是向前推进一张幻灯片?它是否复制了单击处理程序中的任何功能?