要求如下:
1。类的所有
工作人员的名称
显示在Web页面上。
2。单击开始按钮,人员的颜色开始改变。当它停下来时,将会有一个不同的颜色
位置,所以这个位置是被称为的同学。
粗略的图形
界面如下所示:
以下是对上述需求分析的具体分析如下:
1。初始化这样的页面并
设置统一的颜色-绿色。
学生的
名字,数组存储
显示在页面的div块中。
2。随机选择一个位置将其颜色改为红色。
颜色的变化受CSS样式的
控制。
随机
函数是由随机函数生成的。
三.为了使其
动画化,设置间隔以向后移动颜色变化的位置,并且将先前位置的颜色
恢复为绿色。
需要设计一种
方法来改变div的颜色。同时,向后移动应该调用一个时间间隔调用方法。然后有setTimeout和setInterval方法JS。
4的效果。动画应该在规定的时间内停止,停止的位置仍然是红色的。
动画效果在指定的时间停止,实际上是停止上面的方法。js中使用不同的方法,有不同的实现形式。
5。当一个位置停止时,弹出一个对话框显示谁是被选的学生。
警报
功能的最终结果是可以的。
在下一节中,将为这个小
应用程序实现Javascript代码。