今天完成的事情：

基本写完任务1

1/获取元素

document.getElementById(“id”)

document.getElementsByTagName(“li”)

document.getElementsByClassName(“box contain”)

2/修改样式

Object.style.backgroundColor/height/width/color/font/display = "newstyle";

Object.className = "newClassName";

3/随机数

抽取 [0，8] 的 int 随机数——Math.floor(Math.random()*9)；

4/数组随机重排

originalArray.sort(function(){ return 0.5 - Math.random(); });

0.5 - Math.random();——[-0.5,0.5)随机数，故返回数正负概率相等

重排时对应数组originalArray的任何一位数据，采用升序 or 降序 排列概率相等

5/不要加括号的情况

setTimeout(函数名，t)

setInterval(函数名, t);

on.各种事件 = 函数名;

6/任务思路

【开始闪】onclick事件

1获取两个数组boxNum[]，colNum[] 分别对应即将变色box序号，颜色序号。（每个数组仅包含三个[0，8]不重复的随机数

2给对应box赋新的颜色值，并延时980ms

3将所有box恢复默认颜色

每间隔1000ms，过程[1,2,3 ]重复一次

【结束闪】

1清除 【开始闪】onclick事件 对应的定时器

2所有box恢复默认颜色

明天计划的事情：

学console调试

完善任务1

遇到的问题：

将【给对应box赋新的颜色值，并延时980ms】延时时间 改为999ms 后出现了【长时间的恢复默认橙色】的情况（js文件21行

个人理解是 改成999ms 原本目的是为了赋新颜色值的box能维持时间长一点 （980ms——>999ms），减小【3将所有box恢复默认颜色】时间

实际修改后反而出现 非常明显的恢复默认橙色的效果

师姐能不能帮我看看为什么？感谢！！！

收获：

熟悉js数组，函数定义，调用