Javascript 如何在mouseleave上停止立方体滑块的幻灯片放映？

我正在使用一个立方体滑块3d插件进行幻灯片演示，我使用jQuery在“mouseenter”上启动了该插件，效果很好。我想让它停在“mouseleave”上，不能让它工作。我找不到任何东西来指引我正确的方向。请参阅下面的代码。这是我用来开始的代码。如您所见，有一个自动播放选项，我将其设置为“true”。逻辑会告诉我在mouseleave上将值设置为false，但这不起作用，再次使用cubeslider似乎有点多余。我还尝试了jQuery方法stop，并考虑以某种方式使用setInterval和clearInterval。使用jQuery插件似乎不需要太多额外的jQuery/JavaScript。我可能错了，因为我忽略了jQuery/JavaScript作为另一个关注点，可能需要对许多JavaScript概念进行复习。感谢您的帮助。谢谢

$('#cubeSlide').mouseenter(function() {
    $('#cubeSlide').cubeslider({
        cubesNum: {rows:1, cols:1},
        orientation: 'h',
        autoplay: true,
        autoplayInterval: 500,
        perspective: 1200,
        mode3d: 'auto',
        arrows: false,
        navigation: false,
        addShadow: false,
    });
});

---

你有可能包含所有代码的演示吗？@ZachPerkitny，我目前没有演示。我可以准备一个演示。要让它工作起来似乎并不难，但我想不出来。它似乎没有覆盖原始设置。