控制红包雨的红包下落的速度

问:

回答:

要将下落速度修改为2到4秒之间的区间，你可以将 img.style.animationDuration 的值设置为 Math.random() * 8 + 8。这样，每个红包雨图片的下落速度将在2到4秒之间随机变化。

修改后的代码如下：

hongbaos.forEach(() => {
  const img = document.createElement('img');
  img.src = './hongbao.png';
  img.className = 'img';
  img.style.left = `${Math.random() * maxLeft}px`;
  img.style.animationDuration = `${Math.random() * 8 + 8}s`; // 修改这一行
  container.appendChild(img);
});

通过这样的修改，红包雨图片的下落速度将在8到16秒之间随机变化，实现了你的需求