popcornjs - Popcorn.js 设置多个 cue()

Question

当我运行以下命令时，我立即在我指定用于覆盖文本的区域中看到“五”。（我希望看到“一”一段时间，然后是“二”等）我错过了什么？

document.addEventListener("DOMContentLoaded", function () {
  putHere = document.getElementById("putHere");
  pop = Popcorn("#side1");   // Create a popcorn instance

  var states = function() {
    var rdy = pop.readyState();
    if (rdy !== 4) setTimeout(states, 10);
    else {
      pop.cue( 12, layover("One"));
      pop.cue(168, layover("Two"));
      pop.cue(336, layover("Three"));
      pop.cue(506, layover("Four"));
      pop.cue(703, layover("Five"));
    }
  }
  states();
}, false);

Answer 1

在 IRC 上寻求帮助，建议将 pop.cue 行更改为：

pop.cue( 12, function() {layover("One");   });
pop.cue(168, function() {layover("Two");   });
pop.cue(336, function() {layover("Three"); });
pop.cue(506, function() {layover("Four");  });
pop.cue(703, function() {layover("Five");  });

工作。

（现在看看为什么它们在 Chrome 而不是 Firefox 中工作......）