用js写个元旦快乐动画

好的，为了创建一个 "元旦快乐" 动画，你可以使用 JavaScript 和 HTML5 canvas 来绘制图形并实现动画效果。

首先，在 HTML 文件中创建一个 canvas 元素：

<canvas id="myCanvas" width="400" height="400"></canvas>

然后，在 JavaScript 中获取 canvas 元素并设置绘图环境：

let canvas = document.getElementById('myCanvas');
let ctx = canvas.getContext('2d');

接下来，你可以使用 canvas 的绘图 API 来绘制图形，例如：

// 绘制一个红色的矩形
ctx.fillStyle = 'red';
ctx.fillRect(10, 10, 50, 50);

// 绘制一个绿色的圆形
ctx.beginPath();
ctx.arc(75, 75, 50, 0, Math.PI * 2, true);
ctx.fillStyle = 'green';
ctx.fill();

最后，使用 JavaScript 的定时器函数 setInterval 来每隔一定时间重绘 canvas 元素，就可以实现动画效果了。

let x = 10;
let y = 10;

setInterval(function () {
  // 清除画布
  ctx.clearRect(0, 0, canvas.width, canvas.height);

  // 绘制新的图形
  ctx.fillStyle = 'red';
  ctx.fillRect(x, y, 50, 50);

  // 更新坐标
  x += 1;
  y += 1;
}, 1000 / 60); // 每秒 60 帧

希望这些信息对你有帮助！