如何使impress.js幻灯片自动播放和循环

Question

我有一个幻灯片我想自动播放和循环不断。我发现了一些片段，可以让我设置全球幻灯片持续时间，并使用带有setInterval（）调用的impress.next（）来向前移动，但是我失去了为每张幻灯片设置不同持续时间的能力。

Answer 1

我很高兴与大家分享我的解决方案。如果你看到有改进的余地，不要害羞。希望这可以帮助那里的人。

<script> 
    var impress = impress(); 
    impress.init(); 

    document.addEventListener('impress:stepenter', function(e){ 
    if (typeof timing !== 'undefined') clearInterval(timing); 
    var duration = (e.target.getAttribute('data-transition-duration') ? e.target.getAttribute('data-transition-duration') : 2000); // use the set duration or fallback to 2000ms 
    timing = setInterval(impress.next, duration); 
    }); 
</script>