制作简单的网页动画思路：1申明数组对象。2生成随机数作为数组下标3开始按钮使用click事件生成随机数。使用setInterval定时函数调用随机数。4停止按钮使用click事件呈现数据。使用clearInterval关闭定时函数。语法：startD = setIntervalsetRandom1000;clearIntervalstartD;

5.设置动画效果，如改变颜色、移动位置等。 6.将动画效果应用到网页元素上。

代码示例：

HTML代码：

开始

停止

CSS代码：

#box{ width: 100px; height: 100px; background-color: red; }

JS代码：

// 申明数组对象 var colors = ["red", "blue", "green", "yellow", "purple"];

// 生成随机数，作为数组下标 function setRandom(){ var randomIndex = Math.floor(Math.random() * colors.length); var box = document.getElementById("box"); // 设置动画效果 box.style.backgroundColor = colors[randomIndex]; }

// 开始按钮使用click事件，生成随机数 document.getElementById("startBtn").addEventListener("click", function(){ startD = setInterval(setRandom, 1000); });

// 停止按钮使用click事件，呈现数据 document.getElementById("stopBtn").addEventListener("click", function(){ clearInterval(startD); });

// 将动画效果应用到网页元素上 var box = document.getElementById("box"); box.style.transition = "background-color 1s ease-in-out";