要求如下:

1。类的所有工作人员的名称显示在Web页面上。

2。单击开始按钮,人员的颜色开始改变。当它停下来时,将会有一个不同的颜色位置,所以这个位置是被称为的同学。

粗略的图形界面如下所示:


以下是对上述需求分析的具体分析如下:

1。初始化这样的页面并设置统一的颜色-绿色。

学生的名字,数组存储

显示在页面的div块中。

2。随机选择一个位置将其颜色改为红色。

颜色的变化受CSS样式的控制。

随机函数是由随机函数生成的。

三.为了使其动画化,设置间隔以向后移动颜色变化的位置,并且将先前位置的颜色恢复为绿色。

需要设计一种方法来改变div的颜色。同时,向后移动应该调用一个时间间隔调用方法。然后有setTimeout和setInterval方法JS。

4的效果。动画应该在规定的时间内停止,停止的位置仍然是红色的。

动画效果在指定的时间停止,实际上是停止上面的方法。js中使用不同的方法,有不同的实现形式。

5。当一个位置停止时,弹出一个对话框显示谁是被选的学生。

警报功能的最终结果是可以的。

在下一节中,将为这个小应用程序实现Javascript代码。