Javascript 在用户悬停状态下停止自动滑动选项卡

我的标签是自动滑动，悬停和运行时我需要Puss自动离开悬停由用户现在hove可以停止自动滑动标签在用户悬停？我的html、css和js代码如下： HTML代码

<ul id='tabs'>
<li class='on'>tab 1</li>
<li>tab 2</li>
<li>tab 3</li>
<li>tab 4</li>
<li>tab 5</li>

JS（jQuery）代码

$（函数（）{
//缓存对选项卡的引用
var tabs=$（“#tabs li”）；
//在“单击到选项卡”上，将其打开，然后关闭以前的“选项卡”
tabs.click（function（）{$（this.addClass（'on'））.sides（'on'））.removeClass（'on'）；}）；
//每5秒自动旋转一次
setInterval（函数（）{
//当前处于选项卡上
var onTab=tabs.filter（'.on'）；
//单击下一个选项卡（如果存在），否则单击第一个选项卡
var nextTab=onTab.index（）

---

我的代码中可以使用clearInterval吗

此代码将暂停任何选项卡的自动滑动悬停，并在鼠标移开时重新启动`

//cache a reference to the tabs
var tabContainer = $('#tabs');
var tabs = $('#tabs li');

//on click to tab, turn it on, and turn previously-on tab off
tabs.click(function() {
    $(this).addClass('on').siblings('.on').removeClass('on');
});

//auto-rotate every 5 seconds
var slideInterval;

function initiateSlideInterval() {
    slideInterval = setInterval(function() {

        //get currently-on tab
        var onTab = tabs.filter('.on');

        //click either next tab, if exists, else first one
        var nextTab = onTab.index() < tabs.length - 1 ? onTab.next() : tabs.first();
        nextTab.click();
    }, 5000);

}
initiateSlideInterval();

tabContainer.mouseover(function() {
    clearInterval(slideInterval)
});
tabContainer.mouseout(function() {
    initiateSlideInterval();
});`

//缓存对选项卡的引用
var tabContainer=$（“#tabs”）；
var tabs=$（“#tabs li”）；
//在“单击到选项卡”上，将其打开，然后关闭以前的“选项卡”
选项卡。单击（函数（）{
$（this.addClass（'on'）。同胞（'.on'）。removeClass（'on'）；
});
//每5秒自动旋转一次
var滑动区间；
函数initiateSlideInterval（）{
slideInterval=setInterval（函数（）{
//当前处于选项卡上
var onTab=tabs.filter（'.on'）；
//单击下一个选项卡（如果存在），否则单击第一个选项卡
var nextTab=onTab.index（）

此代码将暂停任何选项卡的自动滑动悬停，并在鼠标移开时重新启动`

//cache a reference to the tabs
var tabContainer = $('#tabs');
var tabs = $('#tabs li');

//on click to tab, turn it on, and turn previously-on tab off
tabs.click(function() {
    $(this).addClass('on').siblings('.on').removeClass('on');
});

//auto-rotate every 5 seconds
var slideInterval;

function initiateSlideInterval() {
    slideInterval = setInterval(function() {

        //get currently-on tab
        var onTab = tabs.filter('.on');

        //click either next tab, if exists, else first one
        var nextTab = onTab.index() < tabs.length - 1 ? onTab.next() : tabs.first();
        nextTab.click();
    }, 5000);

}
initiateSlideInterval();

tabContainer.mouseover(function() {
    clearInterval(slideInterval)
});
tabContainer.mouseout(function() {
    initiateSlideInterval();
});`

//缓存对选项卡的引用
var tabContainer=$（“#tabs”）；
var tabs=$（“#tabs li”）；
//在“单击到选项卡”上，将其打开，然后关闭以前的“选项卡”
选项卡。单击（函数（）{
$（this.addClass（'on'）。同胞（'.on'）。removeClass（'on'）；
});
//每5秒自动旋转一次
var滑动区间；
函数initiateSlideInterval（）{
slideInterval=setInterval（函数（）{
//当前处于选项卡上
var onTab=tabs.filter（'.on'）；
//单击下一个选项卡（如果存在），否则单击第一个选项卡
var nextTab=onTab.index（）

您能花点时间问一下您的问题吗？我读了好几遍，我真的不知道你想解决什么问题；例如，什么是“猫”？如果你暂时结束问题，请一位对英语有更好理解的朋友或同事复习问题，这样你就可以用母语进行充分解释，并对翻译有反馈，这可能会有所帮助。虽然不是以英语为母语的人并不是结束问题的理由，但如果我们无法理解您的问题，那么问题很有可能会结束。@David Thomas puss在Mousever上停止我的代码自动滑动，不停在Mousever上或用户悬停，您能花点时间回答您的问题吗？我读了好几遍，我真的不知道你想解决什么问题；例如，什么是“猫”？如果你暂时结束问题，请一位对英语有更好理解的朋友或同事复习问题，这样你就可以用母语进行充分解释，并对翻译有反馈，这可能会有所帮助。虽然不是以英语为母语的人并不是结束问题的理由，但如果我们无法理解您的问题，则问题很有可能会结束。@David Thomas puss在Mousever上停止我的代码自动滑动，而不在Mousever上停止或用户悬停

//cache a reference to the tabs
var tabContainer = $('#tabs');
var tabs = $('#tabs li');

//on click to tab, turn it on, and turn previously-on tab off
tabs.click(function() {
    $(this).addClass('on').siblings('.on').removeClass('on');
});

//auto-rotate every 5 seconds
var slideInterval;

function initiateSlideInterval() {
    slideInterval = setInterval(function() {

        //get currently-on tab
        var onTab = tabs.filter('.on');

        //click either next tab, if exists, else first one
        var nextTab = onTab.index() < tabs.length - 1 ? onTab.next() : tabs.first();
        nextTab.click();
    }, 5000);

}
initiateSlideInterval();

tabContainer.mouseover(function() {
    clearInterval(slideInterval)
});
tabContainer.mouseout(function() {
    initiateSlideInterval();
});`