通过按键停止jquery滑块

我找到了这个代码示例，我正试图找出如何通过按键盘上的一个键使滑块停止，但我不知道如何做

jQuery（文档）.ready（函数（$）{
setInterval（函数（）{
moveRight（）；
}, 3000);
var slideCount=$（'#slider ul li'）。长度；
var slideWidth=$（'#slider ul li'）.width（）；
var slideHeight=$（'#slider ul li'）.height（）；
var sliderUlWidth=slideCount*slideWidth；
$（'#slider'）.css（{宽度：slideWidth，高度：slideHeight}）；
$（'#slider ul'）.css（{width:sliderUlWidth，marginLeft:-slideWidth}）；
$（“#slider ul li:last child”）.prependTo（“#slider ul”）；
函数moveLeft（）{
$（'#滑块ul'）。设置动画({
左：+slideWidth
}，200，函数（）{
$（“#slider ul li:last child”）.prependTo（“#slider ul”）；
$（'#滑块ul'）.css（'左'，''）；
});
};
函数moveRight（）{
$（'#滑块ul'）。设置动画({
左：-滑动方向
}，200，函数（）{
$（“#slider ul li:first child”）。附加到（“#slider ul”）；
$（'#滑块ul'）.css（'左'，''）；
});
};
$（'a.control\u prev'）。单击（函数（）{
左移（）；
});
$（'a.control\u next'）。单击（函数（）{
moveRight（）；
});
});    
@导入url(https://fonts.googleapis.com/css?family=Open+Sans:400300600）；	
html{
边框顶部：5px实心#fff；
背景：#58DDAF；
颜色：#2a2a2a；
}
html，正文{
保证金：0；
填充：0；
字体系列：“开放式SAN”；
}
h1{
颜色：#fff；
文本对齐：居中；
字体大小：300；
}
#滑块{
位置：相对位置；
溢出：隐藏；
保证金：20px自动0自动；
边界半径：4px；
}
#滑块ul{
位置：相对位置；
保证金：0；
填充：0；
高度：200px；
列表样式：无；
}
#李小玲{
位置：相对位置；
显示：块；
浮动：左；
保证金：0；
填充：0；
宽度：500px；
高度：300px；
背景：#ccc；
文本对齐：居中；
线高：300px；
}
a、 控制上一个，控制下一个{
位置：绝对位置；
最高：40%；
z指数：999；
显示：块；
填充：4%3%；
宽度：自动；
高度：自动；
背景：#2a2a；
颜色：#fff；
文字装饰：无；
字号：600；
字号：18px；
不透明度：0.8；
光标：指针；
}
a、 控制上一个：悬停，a。控制下一个：悬停{
不透明度：1；
-webkit过渡：所有0.2秒轻松；
}
a、 控制前{
边界半径：0 2px 2px 0；
}
a、 控制下一步{
右：0；
边界半径：2px 0 0 2px；
}
.U选项{
位置：相对位置；
利润率：10px自动；
宽度：160px；
字号：18px；
}

难以置信的基本滑块
您需要在键控启动时清除间隔

var runSlider = setInterval(function () {
    moveRight();
}, 3000);

$(window).on('keyup', function(){
    clearInterval(runSlider)
})

若只想在按下特定键后停止滑块，则需要键代码（）和If语句

$(window).on('keyup', function(){
    if(e.which === 32){ // 32 - space
        clearInterval(runSlider)
    }
})

下面的完整代码：


jQuery（文档）.ready（函数（$）{
var runSlider=setInterval（函数（）{
moveRight（）；
}, 3000);
$（窗口）.on（'keyup'，function（））{
clearInterval（运行滑块）
})
var slideCount=$（'#slider ul li'）。长度；
var slideWidth=$（'#slider ul li'）.width（）；
var slideHeight=$（'#slider ul li'）.height（）；
var sliderUlWidth=slideCount*slideWidth；
$（'#slider'）.css（{宽度：slideWidth，高度：slideHeight}）；
$（'#slider ul'）.css（{width:sliderUlWidth，marginLeft:-slideWidth}）；
$（“#slider ul li:last child”）.prependTo（“#slider ul”）；
函数moveLeft（）{
$（'#滑块ul'）。设置动画({
左：+slideWidth
}，200，函数（）{
$（“#slider ul li:last child”）.prependTo（“#slider ul”）；
$（'#滑块ul'）.css（'左'，''）；
});
};
函数moveRight（）{
$（'#滑块ul'）。设置动画({
左：-滑动方向
}，200，函数（）{
$（“#slider ul li:first child”）。附加到（“#slider ul”）；
$（'#滑块ul'）.css（'左'，''）；
});
};
$（'a.control\u prev'）。单击（函数（）{
左移（）；
});
$（'a.control\u next'）。单击（函数（）{
moveRight（）；
});
});
@导入url(https://fonts.googleapis.com/css?family=Open+Sans:400300600）；	
html{
边框顶部：5px实心#fff；
背景：#58DDAF；
颜色：#2a2a2a；
}
html，正文{
保证金：0；
填充：0；
字体系列：“开放式SAN”；
}
h1{
颜色：#fff；
文本对齐：居中；
字体大小：300；
}
#滑块{
位置：相对位置；
溢出：隐藏；
保证金：20px自动0自动；
边界半径：4px；
}
#滑块ul{
位置：相对位置；
保证金：0；
填充：0；
高度：200px；
列表样式：无；
}
#李小玲{
位置：相对位置；
显示：块；
浮动：左；
保证金：0；
填充：0；
宽度：500px；
高度：300px；
背景：#ccc；
文本对齐：居中；
线高：300px；
}
a、 控制上一个，控制下一个{
位置：绝对位置；
最高：40%；
z指数：999；
显示：块；
填充：4%3%；
宽度：自动；
高度：自动；
背景：#2a2a；
颜色：#fff；
文字装饰：无；
字号：600；
字号：18px；
不透明度：0.8；
光标：指针；
}
a、 控制上一个：悬停，a。控制下一个：悬停{
不透明度：1；
-webkit过渡：所有0.2秒轻松；
}
a、 控制前{
边界半径：0 2px 2px 0；
}
a、 控制下一步{
右：0；
边界半径：2px 0 0 2px；
}
.U选项{
位置：相对位置；
利润率：10px自动；
宽度：160px；
字号：18px；
}

难以置信的基本滑块
就这样。。。。太神了你知道怎么用钥匙开始吗？我试过使用$（window）.on（'keydown'，function（）{moveRight（）；}），但这只是开始下一张幻灯片，然后就停止了。我试过了，但一旦我停止它。。。它不会启动。。。我使用这个代码：$（窗口）。在（'keyup'，function（）{clearInterval（runSlider）}）$（窗口）上。在（'keyup'，function（）{setInterval（runSlider）}）上，您有两个事件侦听器，它们在等待相同的事件，所以它们都启动o