【有限状态机如何实现流程】

有限状态机如何实现流程

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

详细描述

截图

代码

var stage = new StateMachine({
    init: "step1",
    transitions: [
        {name: "kill", from: "step1", to: "step2"},
        {name: "ghost", from: "step2", to: "step3"},
        {name: "speak", from: "step3", to: "step4"},
        {name: "vote", from: "step4", to: "step1"}
    ],

    methods: {
        onKill: function () {
            $(".behavior").eq(0).addClass("over");
        },
        onGhost: function () {
            $(".behavior").eq(1).addClass("over");
        },
        onSpeak: function () {
            $(".behavior").eq(2).addClass("over");
        },
        onVote: function () {
            $(".behavior").eq(3).addClass("over");
        }
    }

});

$("#killer").click(function () {
    stage.onKill();
    window.location.href = "../js-2-6/js-2-6.html";
});

$("#ghost").click(function () {
    stage.onGhost();
    alert("亡灵发表遗言");
});

$("#player").click(function () {
    stage.onSpeak();
    alert("玩家依次发言");
});

$("#diary").click(function () {
    stage.onVote();
    window.location.href = "../js-2-4/js-2-4.html";
});

编辑于2024-11-20