javascript - 使用javascript迭代地增加字体大小

Question

var text = document.querySelector('p')
for(var i=10px; i<=40px; i++)
  text.style.fontSize = i; 

我想要一个在 for 循环的每次迭代中增加字体大小的脚本。上面的代码是我的要求的原型(prototype)(因为不能将像素分配给变量，所以它不起作用)。帮助我提供正确的代码。

Answer 1

您可能想改用 setTimeout 递归，这样文本的大小不会立即增加:

var text = document.querySelector('p');

function increaseTextSize(size) {
  text.style.fontSize = size + 'px'; 
  if (size <= 40) setTimeout(increaseTextSize, 50, size + 1);
}
increaseTextSize(10);

<p>my text</p>