发表于: 2021-11-21 23:21:40

0 932


今天完成的事情:

在师兄的指导下完成了法官日志页面。
明天计划的事情:

继续完成任务页面。
遇到的问题:

Js还是知识点不会,准备看看师兄的日报,学点东西。
收获:

法官页面JS

  var sh = sessionStorage.getItem("shu");
  var shu = sh.split(",");

获取本地储存的数组


   if (sessionStorage.getItem("stepTime") != null) {
        var aTime = sessionStorage.getItem("stepTime");
        var stepTime = aTime.split(",");
    }
    else {
        var stepTime = [];
        stepTime[0] = parseInt(sessionStorage.getItem("startTime"));
    }
    console.log(stepTime);

第一次进入页面时间计时


$("#btnle").click(function () {
        var flag = confirm("结束当前游戏?");
        if (flag == true) {
            sessionStorage.clear();//新游戏删除之前储存数据
            window.location.href = "file:///G:/task/task2/home/task2.html";
        }
    });

结束游戏按钮



  $("#btnrig").click(function () {
        var b = [0];
        sessionStorage.setItem("taiBen", b);
        window.location.href = "file:///G:/task/task3/judge/judge.html";
    });

法官日志查看


 if (parseInt(sessionStorage.getItem("orlmNumber")) <= parseInt(sessionStorage.getItem("killerNumber"))) {
        var a = new Date();
        var time = a.getTime();
        sessionStorage.setItem("endTime", time);
        stepTime.push(time);
        sessionStorage.setItem("stepTime", stepTime);
        voteRtn();
        window.location.href = "";
    }
    else if (parseInt(sessionStorage.getItem("killerNumber")) == 0) {
        var a = new Date();
        var time = a.getTime();
        sessionStorage.setItem("endTime", time);
        stepTime.push(time);
        sessionStorage.setItem("stepTime", stepTime);
        voteRtn();
        window.location.href = "";
    }
    else if (sessionStorage.getItem("day") != null) {
        var z = sessionStorage.getItem("day");
        var day = new Array;
        day = z.split(",");
        if (sessionStorage.getItem("vote") != null) {
            var a = new Date();
            var time = a.getTime();
            stepTime.push(time);
            sessionStorage.setItem("stepTime", stepTime);
        }
    };

判断游戏是否结束


function voteRtn() {
        if (sessionStorage.getItem("vote") != null) {
            var a = sessionStorage.getItem("day");
            var day = a.split(",");
            day.splice(0, 1);
            sessionStorage.setItem("day", day);
        }
    }

判断游戏的那个天数,进行一个天数的调整


 sessionStorage.removeItem("kill");
 sessionStorage.removeItem("vote");

每次进入刷新杀人按钮及投票按钮



if (sessionStorage.getItem("day") != null) {
        var day = sessionStorage.getItem("day").split(",").length;
        if (sessionStorage.getItem("vote") != null) {
            var a = new Date();
            var time = a.getTime();
            stepTime.push(time);
            sessionStorage.setItem("stepTime", stepTime);
        }
    }

进行一个时间的统计


if (sessionStorage.getItem("beKill") != null) {
        var beKill = sessionStorage.getItem("beKill").split(",");//被淘汰杀手编号
    }
if (sessionStorage.getItem("beVote") != null) {
        var beVote = sessionStorage.getItem("beVote").split(",");//被淘汰平民编号
    }

获得被淘汰的平民玩家和杀手玩家编号



  if (sessionStorage.getItem("day") != null) {
        var day = sessionStorage.getItem("day").split(",")//此数组的长度为进行的天数
    }
    else {
        var day = [0];
    };
    for (var o = 0; o < day.length; o++) {
        var number = o + 1;
        $("main").append('<div class="m-ben">' +
            '<div class="benT">' + '<h1>第' + number + '天</h1>' + '</div>' +
            '<div class="benR">' +
            '<div class="moon">' +
            '<button class="step kill left">杀手杀人</button>' + '</div>' +
            '<h5 class="killP"></h5>' +
            '<div class="sun">' +
            '<button class="step Wling left">亡灵发表遗言</button>' +
            '<button class="step Fyan left">玩家依次发言</button>' +
            '<button class="step Tpiao left">投票</button>' +
            '<h5 class="voteP"></h5>' +
            '</div>' +
            '</div>' +
            '</div>')

        if (sessionStorage.getItem("beKill") != null && beKill[o] != undefined) {//被杀手杀死的玩家
            $(".killP").eq(o).text((parseInt(beKill[o]) + 1) + "号被杀死,身份是" + shu[beKill[o]]);
        };
        if (sessionStorage.getItem("beVote") != null && beVote[o] != undefined) {//被全民投票投死的玩家
            $(".voteP").eq(o).text((parseInt(beVote[o]) + 1) + "号被投死,身份是" + shu[beVote[o]]);
        };
    };

根据天数创建步骤,进行的天数;; 展示被淘汰的玩家,判定


if (day.length > 1) {
        for (let i = 0, len = day.length - 1; i < len; i++) {
            $(".benR").eq(i).hide();
        };
        for (let i = 0; i < day.length; i++) {
            $(".benT").eq(i).click(function () {
                $(".benR").eq(i).toggle();
            });
        };
    };
    console.log(day.length);

进行第二天时,上一天隐藏到下拉框


 if (sessionStorage.getItem("step") != null) {
        var a = sessionStorage.getItem("step");
        var x = a.split(",");
        $(".Wling").attr("disabled", false);
    }
    else {
        var x = [];
    };

进行到第几步,进行记录


function disable() {
        for (var i = 0; i < x.length; i++) {
            $(".step").eq(i).css("background-color", "grey");
            $(".step").eq(i).addClass("step-chance");
            $(".step").eq(i).attr("disabled", true);
        };
    };
    disable();

完成步骤变颜色,也就是说禁止点击



$(".kill").click(function () {
        x.push(0);
        sessionStorage.setItem("step", x);
        sessionStorage.setItem("kill", 1);
        alert("天黑请闭眼。")
        window.location.href = "file:///G:/task/task3/killer/killer.html";
    });

杀手杀人按钮


    $(".Wling").click(function () {
        if (x.length % 4 != 1) {
            alert("请按顺序进行!")
        }
        else {
            x.push(0);
            sessionStorage.setItem("step", x);
            disable();
            alert("请死者亮明身份,并发表遗言")
        }
    });

亡灵发言按钮



 $(".Fyan").click(function () {
        if (x.length % 4 != 2) {
            alert("请按顺序进行!")
        }
        else {
            x.push(0);
            sessionStorage.setItem("step", x);
            disable();
            alert("玩家依次发言讨论")
        }
    });

玩家依次发言按钮


$(".Tpiao").click(function () {
        if (x.length % 4 != 3) {
            alert("请按顺序进行!")
        }
        else {
            day.push(0);
            sessionStorage.setItem("day", day);//最后一步,天数增加
            x.push(0);
            sessionStorage.setItem("step", x);
            sessionStorage.setItem("vote", 1);
            window.location.href = "file:///G:/task/task3/killer/killer.html";
        }
    });

投票按钮


 var m = parseInt(sessionStorage.getItem("orlmNumber"));
    var k = parseInt(sessionStorage.getItem("killerNumber"));
    console.log(m);
    console.log(k);

杀手剩余人数和平民剩余人数


返回列表 返回列表
评论

    分享到