今天完成的事情：

今天完成了有限状态机的初始点击变色的功能

var fsm = new StateMachine({
    init:'green',
    transitions: [
        {name: 'warn', from: 'green', to: 'warn'},
        {name: 'stop', from: 'warn', to: 'stop'},
        {name: 'go', from: 'stop', to: 'go'},
        {name: 'log', from: 'go', to: 'log'},
    ],
    methods:{
        onWarn:function () {
            $(".kill").css("background-color", "green");
            $(".kill-box").css("border-right","25px solid green");
            console.log("one")
        },
            //允许为每个事件指定两个回调函数，
            // onBeforeWarn: function () {
            //     console.log("warn事件发生之前触发");
            // },
        onStop:function () {
            $(".ghost").css("background-color", "yellow");
            $(".ghost-box").css("border-right","25px solid yellow");
            console.log("warn事件发生之后触发");
            },
        onGo:function () {
            $(".player").css("background-color", "red");
            $(".player-box").css("border-right","25px solid red");
            },
        onLog:function () {
            $(".all").css("background-color","blue");
            $(".all-box").css("border-right","25px solid blue");
            }
        }
});
$(".kill").click(function () {
    fsm.warn();
    //window.open('../html/kill.html', '_self');
});
$(".ghost").click(function () {
    fsm.stop();
});
$(".player").click(function () {
    fsm.go();
});
$(".all").click(function () {
    fsm.log();
});

明天计划的事情：明天计划完成保存杀人状态

遇到的问题：刚开始照着有限状态机的demo，自己拿过来试试，但是一直报错找了半天没发现毛病在哪，就请教了师兄原来是有些东西漏了，还有些名字字母打错了，然后把这些纠正问题就解决了。

收获：终于对有限状态机有些理解了，不像刚接触感觉若有所思吧，仔细想想还是啥也不懂，算是把思路理清了，明白是怎么回事了。万幸终于找到了当初学习时的状态了，那种非要把问题解决，而不是想年前一直拖沓。

还学习了addclass（）就是给第一个元素添加一个类，然后方便点击的时候能够获取盒子的身份。还有removeclass()就是移除掉你所添加的类。index()就是我之前说的，添加完一个类这个方法的作用就是获取。