帮我用js写一段仙女散花的代码

// 创建一个定时器变量
let timer;

// 获取要添加花瓣的元素
const container = document.querySelector('.container');

// 开始动画效果
function startAnimation() {
  // 清除之前的定时器
  clearInterval(timer);

  // 设置定时器，在每个一段时间内添加一个花瓣
  timer = setInterval(() => {
    // 创建一个花瓣元素
    const petal = document.createElement('div');
    petal.className = 'petal';

    // 设置花瓣的随机位置
    const left = Math.random() * 100 + '%';
    const animationDuration = Math.random() * 5 + 5 + 's';

    // 设置花瓣的样式
    petal.style.left = left;
    petal.style.animationDuration = animationDuration;

    // 将花瓣添加到容器中
    container.appendChild(petal);

    // 在花瓣动画结束后移除花瓣元素
    setTimeout(() => {
      petal.remove();
    }, parseInt(animationDuration) * 1000);
  }, 500); // 每隔0.5秒添加一个花瓣
}

// 停止动画效果
function stopAnimation() {
  clearInterval(timer);
}

// 调用开始动画函数，启动仙女散花效果
startAnimation();