Javascript 如何将滑块设置为自动移动？

我想在垂直位置的特定时间自动移动滑块。这是我的滑块代码

Html代码

<script>
    $.fn.cycle.defaults.autoSelector = '.slideshow';
</script>
<div class="slideshow vertical" data-cycle-fx=carousel data-cycle-timeout=0 data-cycle-next="#next3" data-cycle-prev="#prev3" data-cycle-carousel-visible=2 data-cycle-carousel-vertical=true>
    <img src="http://malsup.github.io/images/beach1.jpg">
    <img src="http://malsup.github.io/images/beach2.jpg">
    <img src="http://malsup.github.io/images/beach3.jpg">
    <img src="http://malsup.github.io/images/beach4.jpg">
    <img src="http://malsup.github.io/images/beach5.jpg">
    <img src="http://malsup.github.io/images/beach9.jpg">
</div>
<div class="center">
    <button id="prev3">∧ Prev</button>
    <button id="next3">∨ Next</button>
</div>

.slideshow {
    margin: auto;
    position: relative;
    overflow: hidden;
    height: 312px!important;
}
.slideshow img {
    width: 100px;
    height: 100px;
    padding: 2px;
}
div.responsive img {
    width: auto;
    height: auto
}
.cycle-pager {
    position: static;
    margin-top: 5px
}  
div.vertical {
    width: 100px
}

或者是否有任何垂直移动的新闻提要模板？。

---

感谢使用您现有的代码，您可以使用

setInterval（）

并在“下一步”按钮上触发单击事件

var暂停=false，
间隔=设置间隔（函数（）{
（！暂停）和&$（#next3'）。触发（'click'）；
},3000);
$（'.slideshow，.controls'）。悬停（函数（）{
暂停=真；
}，函数（）{
暂停=错误；
});
。幻灯片放映{
保证金：自动；
位置：相对位置；
溢出：隐藏；
高度：312px！重要；
}
.幻灯片{
宽度：100px；
高度：100px；
填充：2px；
}
部门响应img{
宽度：自动；
高度：自动
}
.自行车寻呼机{
位置：静态；
页边空白：5px
}
垂直分区{
宽度：100px
}

$.fn.cycle.defaults.autoSelector='.slideshow'；
∧ 上
∨ 下一个
当用户鼠标悬停时，它会保持不变吗？你能把你的名字改成JqueryMaster吗？。有多少年的工作经验？。