JavaScript动态更新问题

Question

我有一个在桌面上运行良好的页面但有两个元素在移动浏览器上给我带来问题。

这些是SVG对象和计时器。

我有一个30秒的计时器，完成时会为svg文件设置动画。

此计时器在桌面上运行完美，但在移动浏览器上尝试相同时，

只有当我触摸并向上或向下滚动屏幕时，计时器才会动态更新。

我尝试使用本指南使用Chrome进行远程调试：https://developer.chrome.com/devtools/docs/remote-debugging

当我尝试触摸调试器中的屏幕时，会在控制台中记录此错误。

Deferred long-running timer task(s) to improve scrolling smoothness. See crbug.com/574343.

计时器从WebSocket获取它的值，值通过server.js文件发送。

以下是我在计时器中显示值的方法：

if(data.type == "countdown") {
  $(window).unbind("beforeunload");
  currentCountdown = (data.countdown-1);

  $("#countdown").text(currentCountdown.toFixed(2));

  clearInterval(cdInterval);
  clearInterval(barInterval);

  if(originalCountdown < (data.countdown-1)) {
    originalCountdown = (data.countdown-1);
  }
  cdInterval = setInterval(function() {
    currentCountdown -= 0.025;

    $("#countdown").text(currentCountdown.toFixed(2));

    if(currentCountdown <= 0) {
      clearInterval(cdInterval);
    }
  },25);
}