自动滑动水平滑块，滑动点击以及

Question

通过改变属性checked="checked"，演示水平滑块在点击时滑动。

但是我想滑动条自动滑动间隔2000ms后可以使用一些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);
  }
});

From your fiddle: https://jsfiddle.net/s5agwu9t/