JavaScript中和动画相关的几个事件

JavaScript中有以下几种与动画相关的事件：

requestAnimationFrame

这个事件可以在浏览器重绘之前触发，通常用于制作高性能动画。

下面是一个使用 requestAnimationFrame 来制作简单动画的例子

// 获取要动画的元素let element = document.getElementById("my-element");// 初始化动画变量let x = 0;let y = 0;let stepX = 2;let stepY = 3;// 定义动画函数function animate() {
  // 更新元素的位置
  x += stepX;
  y += stepY;
  element.style.left = x + "px";
  element.style.top = y + "px";

  // 使用 requestAnimationFrame 重复调用动画函数
  requestAnimationFrame(animate);}// 开始动画animate();