动画appendChild div高度javascript

// 创建一个新的div元素
var newDiv = document.createElement("div");

// 设置div的初始高度
newDiv.style.height = "0px";

// 将div添加到页面中
document.body.appendChild(newDiv);

// 定义动画的目标高度
var targetHeight = 200;

// 定义动画的持续时间
var duration = 1000; // 1秒

// 定义动画的帧率
var frameRate = 60; // 每秒60帧

// 计算每帧需要改变的高度增量
var heightIncrement = targetHeight / (duration / 1000 * frameRate);

// 定义动画的当前高度
var currentHeight = 0;

// 定义动画的计时器
var timer = setInterval(function() {
  // 更新当前高度
  currentHeight += heightIncrement;

  // 设置div的新高度
  newDiv.style.height = currentHeight + "px";

  // 判断动画是否结束
  if (currentHeight >= targetHeight) {
    // 停止动画
    clearInterval(timer);
  }
}, 1000 / frameRate);