Question

我正在学习如何使用requestAnimationFrame（）并在刷新页面时更改动画。它不应该不断更改字体大小而不必刷新它？

var x = Math.floor((Math.random() * 100));

function draw(){
  for (i=0; i < 100; i++){
    $("#lw").css("font-size", x);
  }
  requestAnimationFrame(draw);
}

requestAnimationFrame(draw);

Answer 1

requestAnimationFrame正在按照它应有的方式工作。您永远不会改变调用或循环迭代之间的条件。

＆＃13;

function draw(){
  for (var i = 0, x = Math.floor((Math.random() * 100)); i < x; i++){
    $("#lw").css("font-size", i);
  }
  requestAnimationFrame(draw);
}

requestAnimationFrame(draw);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<span id="lw">Test</span>

＆＃13;

Answer 2

问题是你的循环是将css设置为x的值。这是在循环之外设置的。如果您希望大小变大，请将字体大小设置为i而不是x

requestAnimationFrame（）不刷新

2 个答案: