使用javascript迭代增加字体大小

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

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

不能在循环中追加px，因为它必须是整数

---

您不能在循环中追加px，因为它必须是整数。

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

var text=document.querySelector'p'； 函数递增TextSizeSize{ text.style.fontSize=size+'px'；

---

如果大小您可能希望改用setTimeout递归，这样文本的大小不会立即增加：

var text=document.querySelector'p'； 函数递增TextSizeSize{ text.style.fontSize=size+'px'；

---

如果大小您也可以使用CSS过渡效果试用此演示：

//500毫秒后，将字体从10更改为60像素 //css会处理剩下的事情 设置超时=>{ var text=document.querySelector'p'； text.style.fontSize='60px'；

---

text.style.color='blue'；//您也可以使用CSS转换效果来尝试此演示：

//500毫秒后，将字体从10更改为60像素 //css会处理剩下的事情 设置超时=>{ var text=document.querySelector'p'； text.style.fontSize='60px'；

---

text.style.color='blue'；//没有10px文本。您的p标记的数量是动态的还是固定的？只是想知道您是否有1个p标记，并且只想像动画一样增加该标记，或者是否希望每个p标记的字体都更大。没有10px文本。您的p标记的数量是动态的还是固定的？只是想知道您是否有1个p标记标记并希望仅增加该标记，如动画或希望每个p标记具有更大的字体大小。

var text = document.querySelector('p')

for (var i = 10; i <= 40; i++) {
  text.style.fontSize = `${i}px`;
}