JavaScript 生成爱心动画代码

使用 JavaScript 生成一段爱心代码，可以让您轻松实现一个充满爱的动画效果。

function generateHeart() {
  const heart = '♥';
  const heartContainer = document.createElement('div');
  heartContainer.style.display = 'inline-block';
  heartContainer.style.color = 'red';
  heartContainer.style.fontSize = '24px';
  const animate = () => {
    const size = Math.random() * 100 + 10 + 'px';
    heartContainer.style.fontSize = size;
    heartContainer.style.opacity = 1;
    const animationEnd = Math.random() * 2 + 1 + 's';
    heartContainer.style.animationDuration = animationEnd;
    setTimeout(() => {
      heartContainer.remove();
    }, 3000);
  };
  heartContainer.innerText = heart;
  document.body.appendChild(heartContainer);
  setTimeout(animate, 0);
}

generateHeart();

将上述代码复制粘贴到您的 JavaScript 环境中，然后运行它，您就能在页面上看到一个逐渐消失的爱心效果。希望您喜欢！