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

时间:2012-07-27 18:59:53

标签: javascript impress.js

我有一个幻灯片,我想自动播放并循环播放。我找到了一些片段,让我设置一个全局幻灯片持续时间,并使用impress.next()和setInterval()调用来向前移动,但后来我失去了为每张幻灯片设置不同持续时间的能力。

1 个答案:

答案 0 :(得分:26)

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

<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>