今天完成：

完成js任务1，学习使用计时器，解决任务中遇到的问题，点击定时开始无限闪的问题。

明天计划：

学习任务2的资料，开始任务2

遇到困难：

1、上午刚开始写代码的时候有点懵，勉勉强强把颜色和随机数都弄出来了，进行为小格子赋值的时候一直报错，点进代码显示无效的样式，刚开始还以为是自己操作DOM或者颜色随机出错，结果经过师兄的指点，是没有引用随机颜色的函数！！！！好气

//调取赋值函数
spccal();

2、在随机颜色的时候，会出现偶尔只有两个小格子赋值颜色的情况，

找了好久也没中找到原因，经过启宸师兄的指点，才发现每次出现缺少格子被赋值的时候，缺少格子的颜色代码是比其他少一位的，其实之前我们也有发现，而且也放到PS里检查了，可以正常显示颜色，但是网页毕竟不是专业的图形工具可以补足缺少，所以出现少一位颜色代码的时候，浏览器不会识别，只会当作没赋值！！

解决方法就是在去重的时候把只要不是7位的颜色代码过滤掉。

{color[0].length!=7||color[1].length!=7||color[2].length!=7}

或者直接生成rgb模式的颜色代码，就不会出现这个问题了。

3、实现持续是小格子变色的代码是使用计时器，但是当采用了计时器时，会出现不断点击开始，速度会越来越快，刚开始不知道为什么。后来仔细想了下逻辑，发现当第一次点击计时器开始时，循环赋值就开始了，第二次点击相当一在原来的基础上再开始一个新的循环，多次点击就会出现跑马灯的效果。解决方法也简单，只要在每次点击开始先执行结束计时器就解决了。

function changeColor() {
    clearInterval(q)
    q=setInterval(change,1000)
}

收获：学会了使用js操作DOM，使用定时器持续执行代码