Question

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

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上工作......）

Popcorn.js设置多个提示（）

1 个答案: