今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）

继续优化任务1

明天计划的事情：（一定要写非常细致的内容） 

实现如何产生不重复的三种随机颜色?

遇到的问题：（遇到什么困难，怎么解决的） 

如何产生1-9的随机整数存入数组data中:

var data;

function randomBox(){
    var count = 9;
    //原始数组
    data = new Array;
    //给原始数组original赋值
    for (var i = 0; i < count; i++) {
        data[i] = i + 1;
    }
    //排序
    data.sort(function() {
        return 0.5 - Math.random();
    });
    // 输出数组 data 的前三个数组元素
    for (var i = 0; i < 3; i++) {
        document.write(original[i] + " , ");
    }
}

如何产生不重复的三种随机颜色?

收获：（通过今天的学习，学到了什么知识）

javascript的setTimeout和setInterval?

JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。setTimeout()和setInterval()经常被用来处理延时和定时任务。setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔指定的毫秒数循环调用函数或表达式，直到clearInterval把它清除。

javascript修改CSS属性?
语法：
    nodeObject.style.cssProperty=newStyle
其中，nodeObject 为节点对象，cssProperty 为CSS属性，newStyle 为CSS属性的值。
注意：对于由 “ - ” 分隔的CSS属性，要去掉 “ - ” ，并将 “ - ” 后的第一个字母大写。
例如：

JavaScript可以通过DOM来设置和修改节点的CSS样式。

document.getElementById("demo").style.height = "50px" ;
document.getElementById("demo").style.border = " 1px solid #ddd ";
document.getElementById("demo").style.backgroundColor = " #ccc ";
document.getElementById("demo").style.textAlign = " center ";