今天完成的事：任务一（见成果展示）。

明天计划的事：开始学习任务二的知识点，整理下之前的笔记。

困难：

1.刚开始打js代码很不熟练，一些函数什么的都要查，多打打就好；

2.点击开始按钮一直不执行start（）函数，找了好久才发现，获取类名时一定要加‘’，不然获取不了

var smallBox = document.getElementsByClassName('smallBox');

3.能够执行了，但是不能循环，循环函数也写的没问题，最后发现循环函数run（）写在了start（）外面，又将run（）加在start（）函数体的最后一行才开始循环。

收获：

1.知道了函数名一定要按规矩大小写，不然一点用都没有。

2.了解到Math.floor()是用来取整数的，Math.random()用来取0-1的随机数（所以想要的范围可以自己去运用乘法等获取随机数），且函数也可以嵌套使用，比如任务一里就用到几次取0-9随机数后的整数值。

3.取颜色值的时候上网查的，方法也有很多，用的比较多的是rgb值随机后拼接一个颜色值出来，我选择的直接hex颜色值随机取，因为hex颜色值是从#000000到#ffffff的，#后面是颜色的十六进制数值，16777215是#ffffff的十进制数值也是hex颜色值里的最大值，用Math.random()*16777215获取0-16777215里的任一数字，再将其转为整数后换成十六进制，前面加上‘#’就可以当做随机的颜色值使用。

color[j] = '#' + Math.floor(Math.random() * 16777215).toString(16);

4.深刻理解到，啥叫js里存储数据都用的数组的形式！比如html文档里的九个小格子smallbox，在js里可以直接用smallbox[0]-[8]来表示，这不设置类名或id名都能够很方便获取、改变指定元素的属性了。

1. 5.今天小课题的题目是‘请用css写一个简单的幻灯片效果页面’，主要介绍的是css3里新增的@keyframes规则和animation属性，以前写css任务十五时做修真院主页的轮播图时用到过，增加了纯css的互动性，可以不用js就做一些简单的动画效果出来。