jquery - 幻灯片自动启动(带切换)

http://jsfiddle.net/r6uf38v4/

所以。页面加载后，我希望滑块自动启动。但是可以使用复选框将其暂停（然后恢复）

$('#checkbox').change(function(){
    setInterval(function () {
        moveRight();
    }, 3000);

如何使其自动启动？

最佳答案

要自动启动滑块，您只需致电：
$('#checkbox').trigger('change');
这将触发更改事件并启动滑块。

对于暂停和恢复，您可以使用以下方法：

var moveInterval;


$('#checkbox').change(function () {
    if (!moveInterval) {
        moveInterval = setInterval(function () {
            moveRight();
        }, 3000);
    } else {
        clearInterval(moveInterval);
        moveInterval = false;
    }
});

每次触发更改事件时，请检查是否定义了moveInterval。如果不是，请定义它。如果是，请清除它并将其设置为false。

更新了您的小提琴：http://jsfiddle.net/r6uf38v4/1/