2回答

• 

  小r

  2017-01-04 16:59:16

  把原来的setInterval替换成下面的代码，利用焦点处理，算是从源头解决的一个方案。

  var intervalId = setInterval(    //每秒执行30次（粗略的）
     function(){
         render( context );
         update();
     }
     ,
     30
  );
  
  //获得焦点
  window.onfocus = function(){
     intervalId = setInterval(    //每秒执行30次（粗略的）
         function(){
             render( context );
             update();
         }
         ,
         30
     );
  };
  
  //失去焦点
  window.onblur = function(){
     clearInterval(intervalId);
  }

  1 1

  qq_孤单求...

  完美解决，我最开始的想法是当页面得到焦点的时候直接刷新页面，设想最好的解决办法就是暂停动画。大神这个代码完美解决问题。那我还有一个问题想要请教，如何在页面改变大小的时候直接史诗改变Canvas大小，而不需要刷新页面之后才改变大小，我用onresize监听的事件，也是用刷新页面这个土方法完成的。不知道大神能不能给个完美的解决办法。

  2017-12-11 14:46:27

  共 1 条回复 >

• 

  慕斯卡3531659

  2016-11-11 15:23:31

  我也有这样的情况  你只要打开这个页面再切换到其他页面 也会有这样的  后遗症 坐等高人解答

  0 0