国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JavaScript實現班級隨機點名小應用需求的具體分析

2024-05-06 16:05:46
字體:
來源:轉載
供稿:網友
班級隨機點名小應用,點擊開始按鈕,人員的顏色開始變化,當停止的時候,會有一個顏色不同的位置,那么這個位置就是被點到的同學了

需求如下:

1.在網頁中顯示,班級所有人員的名字。

2.點擊開始按鈕,人員的顏色開始變化,當停止的時候,會有一個顏色不同的位置,那么這個位置就是被點到的同學了。

大致的圖形界面如下:

JavaScript實現班級隨機點名小應用需求的具體分析



下面是對上面的需求分析的具體分析如下:

1.初始化這樣一個頁面,并設置統一顏色-green。

a.同學的名字,用數組存儲

b.在頁面用div塊顯示

2.隨機選擇一個位置讓其顏色變化成-red

a.顏色的變化用css樣式去控制

b.隨機的位置用隨機函數去生成

3.為了讓其有動畫的效果,設置間隔時間讓其顏色變化的位置向后移動。并且將上一個位置的顏色,恢復成綠色。

a.需要設計一個方法,讓div的顏色產生變化,同時向后移動應該調用一個間隔時間調用的方法,那么js中有settimeout,setinterval方法可供選擇使用

4.動畫的效果,應該在指定的時間內停止,停止的位置仍然是紅色。

a.動畫效果在指定的時間內停止,實際上就是停止上述方法。在js中使用不同的方法,有不同的實現形式

5.當停止在某個位置以后,彈出一個對話框,顯示誰是被選中的同學。

a.Alert函數彈出最終的結果就ok了

在下一節中,將對這個小應用進行javascript代碼的實現哦。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 大丰市| 札达县| 龙泉市| 香河县| 屏东市| 茌平县| 西昌市| 施秉县| 彭山县| 手游| 错那县| 宝兴县| 屏山县| 陇南市| 佛坪县| 石屏县| 武陟县| 磐安县| 邯郸县| 徐汇区| 桂平市| 白山市| 浦县| 庄浪县| 汝州市| 台东市| 安图县| 永泰县| 日照市| 甘肃省| 蕲春县| 金湖县| 渭源县| 磐石市| 鄂温| 阳高县| 东乡族自治县| 云龙县| 靖远县| 通河县| 扬中市|