js 如何实现暂停和继续功能

Question

如果使用for循环直接会卡死浏览器，如果使用setTimeout下面的程序会继续运行，所以有什么好的办法能够实现类似asleep的功能

Answer 1

使用状态监测。
准备两个可访问的变量值，一个用于保存状态，一个用于暂停时缓存下个步骤。
主执行线程对所有步骤采用回调隔离设计，每个步骤结束后对该变量进行监测，变量值为继续时直接调用下个步骤，变量值为暂停时，将下个步骤写入缓存并停止。
暂停按钮用于将状态变量设为暂停值，继续按钮将将状态变量设为继续值并执行缓存的步骤。
状态检测函数可以直接作为回调处理，也可以使用数组依次的方式，具体可参考各种可串联和暂停的动画库。