Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery中的同步块动画滑块函数?_Javascript_Animation_Nonblocking - Fatal编程技术网

Javascript jQuery中的同步块动画滑块函数?

Javascript jQuery中的同步块动画滑块函数?,javascript,animation,nonblocking,Javascript,Animation,Nonblocking,可能这已经讨论了无数次了,我想得太多了,但是 如何创建“阻塞”jQuery动画 我有一个页面,它有一个“特殊”的滑块动画,用户第一次访问该站点时会执行该动画。但是有一个“普通”滑块动画,每次用户访问同一页面时都会触发。由于这两个动画都是通过document.ready()启动的,因此它们同时发生。我想要的是第一个动画启动,然后当用户单击按钮关闭窗口时,第二个动画启动 //pseudocode jQuery( init ); function init() { if(firs

可能这已经讨论了无数次了,我想得太多了,但是

如何创建“阻塞”jQuery动画

我有一个页面,它有一个“特殊”的滑块动画,用户第一次访问该站点时会执行该动画。但是有一个“普通”滑块动画,每次用户访问同一页面时都会触发。由于这两个动画都是通过document.ready()启动的,因此它们同时发生。我想要的是第一个动画启动,然后当用户单击按钮关闭窗口时,第二个动画启动

//pseudocode

jQuery( init );
    function init() {
      if(firstVisit) {
        Animation1();  //Special. Only shows 1st visit to site
        Animation2(); 
      } else {
        Animation2(); 
      }
    }
}(); 
以下是网站:

我想我可以为这两个都重新编写代码,这样第二个代码只有在用户单击第一个动画上的“关闭”按钮时才会显式启动,但对我来说,如果我能让第一个动画上的代码“阻塞”,它看起来会更干净。。。第二个动画直到第一个动画返回才开始。我搞砸了SetTimeOut和各种“循环”,它所做的只是挂起浏览器。。。我相信这已经考虑过很多次了


有什么想法吗?

“阻塞”在JavaScript中有不同的含义,这很容易导致混淆。它通常意味着脚本执行(和UI响应)将停止,直到执行特定的代码位。。。谢谢你的澄清。“同步”或“序列化”更合适吗?排队是您需要的。您需要排队依次执行的动画。这是通过回调完成的,但是我现在没有时间给你一个更好的答案。也许我不应该使用术语“动画”,因为我所做的工作涉及SetInterval()和几个元素。我如何一次性“排队”它们,然后在下一个“动画”中生成同一队列中的所有元素,然后才能执行?我看到的例子都是基于单个元素的。TIA---JC