用js写一段烟花的效果

要用 JavaScript 写一段烟花效果，首先需要对 HTML5 的 Canvas 元素有一定的了解。

下面是一个简单的代码示例：

<canvas id="fireworks"></canvas>
<script>
var canvas = document.getElementById("fireworks");
var ctx = canvas.getContext("2d");

// 设置画布的宽高
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

// 生成随机颜色
function randomColor() {
  return "rgb(" + (Math.floor(Math.random() * 255)) + "," + (Math.floor(Math.random() * 255)) + "," + (Math.floor(Math.random() * 255)) + ")";
}

// 生成随机数
function random(min, max) {
  return Math.random() * (max - min) + min;
}

// 画烟花
function drawFirework(x, y) {
  ctx.fillStyle = randomColor();
  ctx.beginPath();
  ctx.arc(x, y, 2, 0, 2 * Math.PI);
  ctx.fill();
}

// 在随机位置画烟花
setInterval(function() {
  var x = random(0, canvas.width);
  var y = random(0, canvas.height);
  drawFirework(x, y);
}, 50);
</script>

这段代码在页面上创建了一个 Canvas 元素，并在随机位置绘制了不同颜色的烟花效果。你可以根据自己的需求进行修改和扩展。