自动滑动水平滑块，在点击时也会滑动

Question

演示Horizontal slider通过更改属性checked="checked"在点击时滑动。

但我希望滑块在 2000 毫秒间隔后自动滑动，可以使用一些 javaScript/jQuery 完成。

下面是我正在使用但不起作用的 jQuery 代码：

$(document).ready(function() {
  $(".slider li:first-child").attr("checked");
  setTimeout(autoSlide, 2000);
});

function autoSlide() {
  var next = $("input").attr("checked").next();
  if (next.length) {
    input.removeAttr("checked");
    input.attr("checked", checked);
  } else {
    $('.slider li:first-child').attr("checked");
    setTimeout(autoSlide, 1000);
  }
}

请直接获取水平滑块 - jsfiddle 自动滑动。

Answer 1

$(document).ready(function(){
  var $next=$(".slider input:first").next();

  setTimeout(autoSlide, 2000);

  function autoSlide(){
   $next.trigger('click');
   if ($next.is(':last-child')) $next=$("input:first");
   else $next=$next.next();
   setTimeout(autoSlide, 2000);
  }
});

来自您的小提琴：https://jsfiddle.net/s5agwu9t/