Question

我已经浏览过这个网站上的很多“暂停”解决方案，但找不到符合我需求的解决方案 - 我正在创建一些javascript / jquery动画，其中包含大量文本，并需要暂停动画，让用户有时间阅读文本，然后再继续。我假设我需要使用setTimeout()命令，但我对它的理解是它用于在时间结束后调用下一个必需的函数;然而，这意味着将我的动画分成几百个不同的功能，我真的不想这样做！

我理想的解决方案是：

function animateThis(){
  $('#sprite1').animate(....);
  setText(text1);
  $('#sprite2').animate(....);
  setText(text2);
  etc...
}

function setText(whichText){
  $('#txtBox').html(whichText);
  >> PAUSE BEFORE CONTINUING THE animateThis() FUNCTION, BUT AFTER CHANGING THE TEXT
}

我确信必须有办法做到这一点，但我无法弄清楚 - 有什么建议吗？

Answer 1

我发现JQuery timing library非常适合将非动画时间延迟限制在JQuery中，因为它使用与排队多个动画调用相同的语法。

http://creativecouple.github.io/jquery-timing/

它允许延迟，重复和各种其他选项。

函数中有多个暂停

1 个答案: