今天完成的事情：

今天居然又停电，醉了。

1.解决了任务一的重复点击会累加运行函数的问题。

var change;

function clear(){
    clearInterval(change);
}

function start() {
    clear();
    change= setInterval(timeram, 1000);
}

function reset() {
    clear();
    for (var i=0;i<square.length;i++)
    {
        square[i].style.backgroundColor =  "#E8830D";
    }
}

2.任务2的静态页面差不多写完，现在卡在了<input type=range>这里，感觉不看别人的代码完全不会写，明天还是参考下别人的代码吧

明天计划的事情：

继续写任务2，学习input type=range的用法。

修改任务1，设置button1的最小点击间隔时间。

遇到的问题&收获

1.写任务1的按钮js时，遇到了重复点击开始按钮会累加运行函数的问题。

解决方法：在点击按钮1时，要先执行清除计时器，再运行setInterval，并且要注意在函数前定义一个change，让函数能获取到。

2.使用伪类before和after画css时必须要加上content: ""这个属性。

:before和:after的作用就是在指定的元素内容（而不是元素本身）之前或者之后插入一个包含content属性指定内容的行内元素，所以content元素很重要，不能少。