具体分析javascript的需求,实现类中随机名字的小应用

具体分析javascript的需求,实现类中随机名字的小应用
要求如下:

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

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

粗略的图形界面如下所示:
以下是对上述需求分析的具体分析如下:

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

学生的名字,数组存储

显示在页面的div块中。

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

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

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

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

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

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

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

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

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

在下一节中,将为这个小应用程序实现Javascript代码。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部