Javascript 单击幻灯片图像强制执行一个步骤

Javascript 单击幻灯片图像强制执行一个步骤,javascript,Javascript,所以我有一个简单的幻灯片: .imgT{ position:absolute; width:100%; left:0; top:0; cursor:pointer; } 它可以工作,但我需要通过单击imgT强制执行此代码,而无需等待五秒钟 换句话说,如果没有点击,幻灯片应该按原样工作,但是如果有点击,它应该只执行一个步骤,即用下一个更改实际图片,然后等待下一次点击,如果存在,等等 有什么想法吗?我想这就是你要找的 $(function(){ $(

所以我有一个简单的幻灯片:

.imgT{
    position:absolute;
    width:100%;
    left:0;
    top:0;
    cursor:pointer;
}
它可以工作,但我需要通过单击
imgT
强制执行此代码,而无需等待五秒钟

换句话说,如果没有点击,幻灯片应该按原样工作,但是如果有点击,它应该只执行一个步骤,即用下一个更改实际图片,然后等待下一次点击,如果存在,等等


有什么想法吗?

我想这就是你要找的

$(function(){
    $('#divR img:gt(0)').hide();
    setInterval(function(){
      $('#divR :first-child').fadeOut(1000)
         .next('img').fadeIn(1000)
         .end().appendTo('#divR');}, 
      5000);
});

你的意思是,你只想有一个标准的旋转木马,没有5秒钟的等待时间吗?@AndreaM16,我想这是标准的旋转木马,但我需要一次点击强制改变一个img。在点击之后,如果有下一个,它应该再次更改一个img,但是如果没有点击,img应该在五秒钟后自动更改
$(function(){
    $('#divR img:gt(0)').hide();
    setInterval(function(){
      $('#divR :first-child').fadeOut(1000)
         .next('img').fadeIn(1000)
         .end().appendTo('#divR');}, 
      5000);
});
$(function(){
    $('#divR img:gt(0)').hide();

    function next() {
        $('#divR :first-child').fadeOut(1000)
            .next('img').fadeIn(1000)
            .end().appendTo('#divR');
    };

    var interval;
    function start() {
        clearInterval(interval);
        interval = setInterval(next, 5000); 
    };
    start();
    $('img').click(function() {
        start();
        next();
    });
});