IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

有限状态机问题

有限状态机

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .green,
        .yellow,
        .red,
        .clear {
            display: inline-block;
            margin: 1rem;
            width: 5rem;
            height: 5rem;
            border: solid 1px #000;
            border-radius: 50%;
        }

        .green {
            background: green;
        }

        .yellow {
            background: yellow;
        }

        .red {
            background: red;
        }
    </style>
</head>

<body>
    <div class="green"></div>
    <div class="yellow"></div>
    <div class="red"></div>
    <br>
    <div class="clear"></div>

    <script src="jquery-3.3.1.min.js"></script>

    <script src="state-machine.js"></script>
    <script>
        var fsm = new StateMachine({
            init: 'green',//从green开始
            transitions: [{
                    name: 'warn',
                    from: 'green',
                    to: 'yellow'
                },
                {
                    name: 'panic',
                    from: 'yellow',
                    to: 'red'
                },
                {
                    name: 'calm',
                    form: 'red',
                    to: 'yellow'
                },
                {
                    name: 'clear',
                    from: 'yellow',
                    to: 'green'
                }
            ]
        })


        $('.green').on('click', function () {
            console.log(fsm.can('warn'));
            fsm.warn();
        })

        $('.yellow').on('click', function () {
            console.log(fsm.can('panic')); 
            fsm.panic();
        })

        $('.red').on('click', function () {
            console.log(fsm.can('calm'));
            fsm.calm();
        })

        $('.clear').on('click', function () {
            console.log(fsm.can('clear'));
            fsm.clear();
        })





    </script>
</body>



</html>

怎么使用添加class？

Jquery操作

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

if(JSON.parse(sessionStorage.getItem('bb')) == 1){
        $('.li-3').addClass('li-background');        
    };

如何根据玩家人数在法官查看页面展示相应数量的box

节点操作

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

思路是怎样的

任务三法官查看界面如何写比较好

js基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var send = JSON.parse(sessionStorage.getItem("allJson"));//重新转换为数组
console.log(send);

var mainPic2 = $(".main-pic-2");

//定义一个初始的标记
var n = 0;
$(function () {
    $(".view-identity").click(function () {
        //如果main-pic-2隐藏，则
        if (mainPic2.css("display") === "none") {
            $(".view-identity").text("隐藏并传递给" + (n + 2) + "号");
            $(".main-num").text(n + 1);
            $(".main-pic").hide();
            if (send[n]==="水民") {
            $(".main-pic-2 p").text("身份:水民");
            }else {
                $(".main-pic-2 p").text("身份:杀手");
            }
            mainPic2.show();
            n++;
        }
         else {
            $(".view-identity").text("点击查看" + (n + 1) + "号身份");
            $(".main-num").text(n + 1);
            $(".main-pic").show(500);
            $(".main-pic-2").hide();
        }
        if (n === send.length) {
            $(".view-identity").text("法官查看");
        }
    })
});