"；更新；JavaScript的函数，类似于p5.js？

我使用p5.js来创建一些想法的原型，但由于p5.js并没有真正使用实际的HTML（据我所知，它使用画布）来绘制东西，所以它不包括诸如可选文本之类的东西。我试图达到的效果将是不断变化的（DOM元素的CSS将不断变化），有没有一种方法可以让我在每一个“帧”都改变CSS函数，类似于p5.js的更新函数？

坚持使用p5 如果你习惯使用p5，你可以坚持使用。下面是文档中关于

style（）

函数功能的演示：

您会注意到它使用了另一个p5函数，

createDiv（）

来创建一个html div（您可以更改其内容），我认为它本身就是JavaScript的

createElement

的包装器

在我看来，在你开始学习新东西之前，搜索你已经使用过的图书馆的文档总是值得的

如果p5绝对不是你想要的方式（也许你没有使用它80%的功能），那么我在评论中提到了另外两条路线

requestAnimationFrame

requestAnimationFrame将与屏幕刷新率和计算机处理器同步，以创建尽可能平滑的动画。如果您希望动画看起来超级平滑，这对许多动画都很有用

function animationFunction(){

  // Put your logic here:

  // this makes the function repeat again
  requestAnimationFrame(animationFunction);
}

// this "kicks it off"
requestAnimationFrame(animationFunction);

setInterval

Set interval接受函数作为第一个参数，毫秒数作为第二个参数，因此对于那些希望显式设置“帧”之间的间隔时间的函数，这是更好的选择

以下是两种方法的示例：

---

requestAnimationFrame:）您还可以查看

setInterval

@Djave谢谢！我会尝试一下，看看这是否是我想要的。

let numberOfMillisecondsBetweenEachFrame = 300;

setInterval(function(){
  // Put your logic here
}, numberOfMillisecondsBetweenEachFrame);