面向过程编程之打地鼠

面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了。

打地鼠小游戏：

1、完成基本布局

2、随机出现小老鼠
    1）随机出一个索引
    2）根据索引取出td（网格），给td里加一张小老鼠的图片
    3）setTimeout（）让他隔断时间消失
  
注：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

    4）使用setInterval（）让小老鼠多次重复出现

3、倒计时
    找到倒计时的文本框，在计时器中用一个变量来倒计时
    倒计时为零时清除计时器
    游戏结束

4、完成锤子打老鼠
   1）鼠标点击时，锤子相应变化
   2）鼠标弹起时判断网格中是否有小老鼠
   3）有则分数+1，且小老鼠的图片换为被打的图片；无则分数-1

 for(var i =0; i < tdList.length;i++){
        //鼠标按下事件
        tdList[i].onmousedown = function () {
        //修改的锤子
            tb.style.cursor = "url(image/hammer2.png),auto"
        }
        //鼠标弹起事件
        tdList[i].onmouseup = function () {
        //复原锤子
            tb.style.cursor = "url(image/hammer.png),auto"

        //砸的那个td里面有没有img，有就代表有老鼠
            if(this.children.length != 0){
            //分数 +1
                score++;
                this.children[0].src="image/mouse2.png"
            } else{
            //分数-1
                score--;
            }
            boxScore.value = score;
        }
    }

5、初始化界面
    1）分为简单模式和地狱模式
    2）给两种模式添加点击事件，传入参数