当手指在屏幕上而不抬起时，jos动画在ios safari webkit浏览器中停止

Question

我有一个webview，即在应用程序中显示页面上有一个动画，一个数字计时器，我在这里显示每个数字的图像，如00：39,29：39等

它是动画使用setInterval在页面内的javascript问题是，当我把手指放在屏幕上时，即触摸没有抬起我的手指浏览器停止，意味着动画不再动画，它停在手指触摸的地方屏幕，我抬起手指后会继续动画

我怎样才能解决这个问题？ 我听说我可以使用防止默认方法，但是不会忽略页面上我的所有事件吗？

基本上，除了我的网页中的计时器，我还有一些用户可以与之交互的东西，所以它正在寻找点击事件等。

所以我一定要保持这一点，请帮助

这种情况发生在ios设备上...如果我在桌面浏览器中运行，一切似乎都没问题......不会被观察到停止

Answer 1

对于后来遇到这种情况的任何人来说： 动画在滚动时总是在Web浏览器中停止 ，这是您的Web视图通过手指触摸所预期的。 这也将在桌面浏览器上发生 。

Answer 2

如果你在任何地方或只在柜台上按下它会停止吗？ 尝试阻止对counter元素的点击。 例如..

$('#counter-container').click(function()
{
  e.preventDefault();

  return false;
});

编辑：显然这不是一个罕见的问题。 当iphone需要更多CPU /内存资源时，它将停止执行javascript。 查看使用setInterval（以给定间隔执行javascript直到调用clearInterval（））来检测动画是否未成功完成。
相关问题：
用户交互有时会破坏UIWebView中的jQuery ajax请求
AJAX不断寻找服务器更新？ 使用Javascript
https://discussions.apple.com/thread/2723866?start=0&tstart=0

Answer 3

发现了什么问题。 它与ajax请求或cpu无关，因为引入了一个微小的滚动。 显然，如果你正在滚动或滚动，所有的信息都将被停止。