先看页面效果。下面四个按钮分别表示开始、结束、暂停、继续 下面是帧动画图片素材: 帧动画的实现,关键是Canvas API ctx.drawImage() (9个参数)和 setInterval 定时器。 设置图片的视图窗口,每次执行定时任务,位移展示下一帧图片。 直接上代码,Ctrl+C/V 即插即用 <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>帧动画</title> </head>