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

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

咨询电话 : 010-59478634

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

跳转到另一个页面之后，原来的页面数据如何保存

3

5

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(".slayer:eq(0)").click(function(){
        window.location.href = "task2-kill.html";
        var ddd = $(".slayer:eq(0)").css("background-color","#ccc");//跳转页面后修改CSS样式
        var ccc = $(".slayer-i:eq(0)").css("border","#ccc");
        sessionStorage.setItem("color",ddd);
    });

该问题已被官方收录

click点击时间

5

4

控制流程语句事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for (i = 0 ; i < playerTotalNum.length ; i++) {
playerId = $('<div></div>')
    .text(playerTotalNum[i])
    .addClass('player_box')
;
knife = $('<div></div>')
    .addClass('knife')
;
playerNum = $('<div></div>')
    .text(i+1 + "号")
    .addClass('player_num')
;
playerId.append(knife)
;
playerId.append(playerNum)
;
main.append(playerId)
;
}

该问题已被官方收录

如何在进入杀手杀人的步骤后，跳转回页面，保存之前的状态

3

2

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function play() {
    let audio = document.getElementById('music');
    if (audio.paused) {
        audio.play();//audio.play();// 播放
    }
    else {
        audio.pause();// 暂停
    }
}//之前写的控制radio的函数；


//jqery
$(document).ready(function () {
    var day = 1;//记录天数
    var playerObj = [];//玩家
    var beKiller = [];//被杀的，存进来；
    var beVoter = [];//被投的，存过来；
    var player = JSON.parse(sessionStorage.getItem("player"));
// console.log(player);//检查身份数组；
    for (i = 0; i < player.length; i++) {
        var number = i + 1;
        var add = "<div class=\"hover\">\n" +
            "            <div class=\"father\">\n" +
            "                <div class=\"left\">" + player[i] + "</div>\n" +
            "                <div class=\"text\">" + number + "号</div>\n" +
            "            </div>\n" +
            "        </div>";
        $(".set").append(add);

        playerObj[i] = {
            role: player[i],
            status: "alive",
            num: number
        }//身份数组内容对象化附属性
    }
    ;
    for (i = 0;i<player.length;i++) {
        if (playerObj.status == "dead") {
            $(".left").css("backgroundColor","#82af9a");
        }
    }
    sessionStorage.setItem("playerObj", JSON.stringify(playerObj));
    sessionStorage.setItem("beKiller", JSON.stringify(beKiller));
    sessionStorage.setItem("beVoter", JSON.stringify(beVoter));
    sessionStorage.setItem("day", JSON.stringify(day));
    sessionStorage.setItem("step","ready");
    console.log(playerObj);
})

该问题已被官方收录

用jquery发起异步请求，点击登录按钮，跳转405页面

2

2

Ajax登陆 Jquery操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var date=new Date();
   var timer=date.getTime().toString();
    $(document).ready(function () {
        $('button').click(function () {
            $.post('/carrots-admin-ajax/a/login?t='+timer,
                {
                    name:$('#users').value,
                    pwd:$('#word').value
                },
                function(data,status){
                alert("数据: \n" + data + "\n状态: " + status);
            });
        });
    });

关于this的指向问题

0

2

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

　　var name = "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc : function(){
　　　　　　return function(){
　　　　　　　　return this.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());


var name = "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc : function(){
　　　　　　var that = this;
　　　　　　return function(){
　　　　　　　　return that.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());

该问题已被官方收录

法官台本详情显示问题

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(document).ready(function () {

    //获取
    var day = sessionStorage.getItem('day');//天数
    var stateNow = sessionStorage.getItem("stateNow");//当前状态
    var arr_player = JSON.parse(sessionStorage.getItem("arr_player"));//玩家状态数组
    var killNum = sessionStorage.getItem('killNum');//被杀下标
    var arr_killNum = JSON.parse(sessionStorage.getItem('arr_killNum'));//被杀下标数组
    var voteNum = sessionStorage.getItem("voteNum");//投票下标
    var arr_voteNum = JSON.parse(sessionStorage.getItem('arr_voteNum'));//投票下标数组

    //防止页面后退
    history.pushState(null, null, document.URL);
    window.addEventListener('popstate', function () {
        history.pushState(null, null, document.URL);
    });

    //返回
    $("#btn-back").click(function () {
        sessionStorage.clear();
        location.href = 'assign.html';
    });
    //关闭
    $(".btn-close").click(function () {
        sessionStorage.clear();
        location.href = 'index2.html';
    });
    //结束游戏
    $(".again").click(function () {
        sessionStorage.clear();
        location.href = 'index2.html';
    });

    //当前杀人详情
    function judgeKill() {
        if (arr_killNum[day-1]=='no') {
            $('#kill').after(
                "<div class='killText'>" +
                '没有进行任何操作' +
                "</div>"
            )
        }else {
            $('#kill').after(
                "<div class='killText'>" +
                "<span class='killNum'>" + (Number(killNum)+1) + "</span>" +
                "号被杀手杀死，真实身份是平民" +
                "</div>"
            );
        }
        $('.circle2').css({'top':'1.8rem'});
    }
    //过去杀人详情
    function judgeKill2() {
        if (arr_killNum[day-2]=='no') {
            $('.kill').eq(i-1).after(
                "<div class='killText'>" +
                '没有进行任何操作' +
                "</div>"
            )
        }else {
            $('.kill').eq(i-1).after(
                "<div class='killText'>" +
                "<span class='killNum'>" + (Number(arr_killNum[i-1])+1) + "</span>" +
                "号被杀手杀死，真实身份是平民" +
                "</div>"
            );
        }
        $('.circle2').css({'top':'1.8rem'});
    }
    //当前投死信息
    function judgeVote() {
        $('#vote').after(
            "<div class='voteText'>" +
            "<span class='voteNum'>" + (Number(voteNum)+1) + "</span>" +
            "号被投票投死，真实身份是平民" +
            "</div>"
        );
    }
    //过去投死信息
    function judgeVote2() {
        $('.vote').eq(i-1).after(
            "<div class='voteText'>" +
            "<span class='voteNum'>" + (Number(arr_voteNum[i-1])+1) + "</span>" +
            "号被投票投死，真实身份是" + arr_player[voteNum].role +
            "</div>"
        );
    }

    //start/killed状态转变
    if (stateNow == null){
        stateNow = 'start';
    }

    //动态增加天数
    $("#time-num").text(day);
    if (day>1){
        for (var i=1; i<day; i++){
            //添加天数
            var html =
                "<div class=\'day-box\'>" +
                "<div class=\'date\'>" +
                "<span class=\'time\'>" + "第" +
                "<span class='time-num'>" + i + "</span>" + "天" +
                "</span>" +
                "<img class='down' src='img/down.png'>" +
                "</div>" +
                "<div class=\"proc-box\">" +
                "<div class=\"left\">" +
                "<div class=\"border\"></div>\n" +
                "<div class=\"circle\"></div>\n" +
                "<div class=\"circle2\"></div>"+
                "</div>" +
                "<div class=\"proc\">"+
                "<div class=\"process kill\"><div class=\"trg\"></div>杀手杀人</div>\n" +
                "<div class=\"process\"><div class=\"trg\"></div>亡灵发表遗言</div>\n" +
                "<div class=\"process\"><div class=\"trg\"></div>玩家依次发言</div>\n" +
                "<div class=\"process vote\"><div class=\"trg\"></div>投票</div>"+
                "</div>"+
                "</div>"+
                "</div>";
            $(".day-box").eq(i-1).before(html);
            //杀人信息显示
            judgeKill2();
            judgeVote2();
            //详情隐藏
            $(".day-box").eq(i-1).find(".proc-box").hide();
            //高亮
            $(".proc-box").eq(i-1).find(".process").css({"background":"#83b09a"});
            $(".proc-box").eq(i-1).find(".trg").css({"border-right":"#83b09a solid .22rem"});
        }
    }

    //天数点击展示\隐藏
    $(".date").click(function(){
        $(this).next().slideToggle();
    });
    $("#date_now").click(function(){
        $(this).next().slideToggle();
    });

    //状态机
    var fsm = new StateMachine({
        init: stateNow,
        transitions: [
            { name: 'kill', from: 'start', to: 'killed' },
            { name: 'speak', from: 'killed', to: 'spoke' },
            { name: 'talk', from: 'spoke', to: 'talked' },
            { name: 'vote', from: 'talked', to: 'voted' }
        ],
        methods: {
            onKill: function() {
                $("#kill").css({"background":"#83b09a"});
                $("#trg1").css({"border-right":"#83b09a solid .22rem"});
            },
            onSpeak: function() {
                $("#speak").css({"background":"#83b09a"});
                $("#trg2").css({"border-right":"#83b09a solid .22rem"});
            },
            onTalk: function() {
                $("#talk").css({"background":"#83b09a"});
                $("#trg3").css({"border-right":"#83b09a solid .22rem"});
            },
            onVote: function() {
                $("#vote").css({"background":"#83b09a"});
                $("#trg4").css({"border-right":"#83b09a solid .22rem"});
            }
        }
    });

    //开始杀人
    $("#kill").click(function () {
        if (fsm.state=='start'){
            fsm.kill();
            location.href='kill.html';
        } else {
            alert('请按顺序操作');
        }
    });
    //死者自白
    $("#speak").click(function () {
        if (fsm.state=='killed'){
            var YN = confirm('请死者亮明身份并且发表遗言');
            if (YN==true){
                fsm.speak();
                stateNow = fsm.state;
                sessionStorage.setItem("stateNow",stateNow);//当前状态
            }
        } else {
            alert('请按顺序操作');
        }
    });
    //玩家讨论
    $("#talk").click(function () {
        if (fsm.state=='spoke'){
            var YN = confirm('玩家依次发言讨论');
            if (YN==true){
                fsm.talk();
                stateNow = fsm.state;
                sessionStorage.setItem("stateNow",stateNow);//当前状态
            }
        } else {
            alert('请按顺序操作');
        }
    });
    //玩家投票
    $("#vote").click(function () {
        if (fsm.state=='talked'){
            fsm.vote();
            stateNow = fsm.state;
            sessionStorage.setItem("stateNow",stateNow);//当前状态
            location.href='vote.html';
        } else {
            alert('请按顺序操作');
        }
    });

    //状态判断
    switch (fsm.state){
        case "killed":
            fsm.onKill();
            judgeKill();
            break;
        case "spoke":
            fsm.onKill();
            fsm.onSpeak();
            judgeKill();
            break;
        case "talked":
            fsm.onKill();
            fsm.onSpeak();
            fsm.onTalk();
            judgeKill();
            break;
        case "voted":
            fsm.onKill();
            fsm.onSpeak();
            fsm.onTalk();
            fsm.onVote();
            judgeKill();
            judgeVote();
    }

    //存储
    sessionStorage.setItem("arr_player",JSON.stringify(arr_player));//玩家状态数组
    sessionStorage.setItem('day',day);
});

该问题已被官方收录

在投票页面，拿不到法官台本上传到sessionStorage的天数

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

sessionStorage.getItem("day");

该问题已被官方收录

天数不知道怎样复制，且是重置的新的状态

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var payPerson=JSON.parse(sessionStorage.getItem('payPerson'));
var statusing=sessionStorage.getItem('statusing');

console.log(statusing);
//状态
function step(type) {
    switch (type) {
      //情况一kill
      case "kill":
        if (statusing == "kill") {
           //转移状态
           statusing = "vote";
          //背景颜色  
           index=0;
          sessionStorage.index=index;
         
          //记录状态
          sessionStorage.statusing = statusing;
          location.href = "../js2/js2-kill.html";
          console.log('正在进行模式'+statusing);
          
          //改变颜色
          sessionStorage.background='#83b09a';
          //改变点击框颜色
          $('.step').eq(0).css('background-color',background);
          $('.triangleLeft').eq(0).css('color',background);
          
        }else{
          alert('请按顺序执行')
         
        }
        break;
        //情况二发言
      case "vote":
        if (statusing == "vote") {
          //改变状态
          statusing = "vote1";
          //背景颜色参数增加
          index=index+1;
          //保存参数
          sessionStorage.index=index;
          sessionStorage.statusing = statusing;
          alert('亡灵发表遗言')
          console.log('正在进行模式'+statusing);
          
          //遍历改变颜色
          for(let x=index;x>=0;x--){
            $('.step').eq(x).css('background-color',background);
            $('.triangleLeft').eq(x).css('color',background);
          }
          
        }else{
          alert('请按顺序执行')
        }
        break;
        //情况三发言二
      case "vote1":
        if (statusing == "vote1") {
          //改变状态
          statusing = "vote2";
          //改变颜色的参数递增
          index=index+1;
          //保存类的参数
          sessionStorage.index=index;
          //保存状态
          sessionStorage.statusing = statusing;
          
          console.log('正在进行模式'+statusing);
          //遍历改变颜色
          for(let x=index;x>=0;x--){
            $('.step').eq(x).css('background-color',background);
            $('.triangleLeft').eq(x).css('color',background);
          }
         //行动
          alert('玩家依次发言')
  
        }else{
          alert('请按顺序执行')
        }
        break;
      //请情况四：投票
      case "vote2":
        if (statusing == "vote2") {
          //状态改变
          statusing = "kill";
          //背景颜色参数改变
          index=index+1;
          //保存框的参数
          sessionStorage.index=index;
          //保存状态
          sessionStorage.statusing = statusing;
          for(let x=index;x>=0;x--){
            $('.step').eq(x).css('background-color',background);
            $('.triangleLeft').eq(x).css('color',background);
          }
          //投票后天数+1
          day=day+1;
          sessionStorage.day=day;
          
          console.log(payPerson);
          console.log('正在进行模式'+statusing);
          $('.contain').eq(day-2).after($('.contain').eq(day-2).clone(true))
          // clone();
          // demo();
          location.href = "../js2/js2-kill.html";

        }
    }
}

该问题已被官方收录

如何在结果页获取杀人数据和投票数据，并把杀过的人和投死的人展示出来？

1

1

本地储存控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div>太棒了!你知道么？在捉鬼游戏中只有20%的卧底取得游戏最终的胜利哦!</div>
<p>本次游戏共计用时0小时25分钟</p>
<p>杀手0人     平民6人</p>


var result = document.getElementById("result")

该问题已被官方收录

游戏进行到第二天，第一天的4个框的状态如何保存？

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var inbox = '<div \"content1\" >\n' +
   '        <span></span>\n' +
   '        <span \"day\">第'+ i + '天</span>\n' +
   '        <span \"icon\"></span>\n' +
   '    </div>\n' +
   '    <div \"hidden1\">\n' +
   '        <div \"bar\">\n' +
   '            <div \"circular-first\"></div>\n' +
   '            <div \"circular-second\"></div>\n' +
   '        </div>\n' +
   '        <ul>\n' +
   '            <li \"killer\">\n' +
   '                <div \"triangle1\"></div>\n' +
   '                <span \"triangle2\">杀手杀人</span>\n' +
   '            </li>\n' +
   '            <div \"box2\">\n' +
   '            <span>昨晚' + theKillNum + '号被杀，真实身份是' + theKillId + '</span>\n' +
   '            </div>\n' +
   '        </ul>\n' +
   '        <ul>\n' +
   '            <li \"die\">\n' +
   '                <div \"triangle1\"></div>\n' +
   '                <span \"triangle2\">亡灵发表遗言</span>\n' +
   '            </li>\n' +
   '        </ul>\n' +
   '        <ul>\n' +
   '            <li \"player\">\n' +
   '                <div \"triangle1\"></div>\n' +
   '                <span \"triangle2\">玩家依次发言</span>\n' +
   '            </li>\n' +
   '        </ul>\n' +
   '        <ul>\n' +
   '            <li \"vote\">\n' +
   '                <div \"triangle1\"></div>\n' +
   '                <span \"triangle2\">投票</span>\n' +
   '            </li>\n' +
   '        </ul>\n' +
   '            <div \"box2\">\n' +
   '            <span>昨晚' + theVoteNum + '号被投死，真实身份是' +  theVoteId + '</span>\n' +
   '            </div>\n' +
   '    </div>';

<div "content">
<span></span>
<span "day">第1天</span>
<span "icon"></span>
</div>
<div "hidden">
<div "bar">
<div "circular-first"></div>
<div "circular-second"></div>
</div>
<ul>
<li "killer">
<div "triangle" id="one1"></div>
<span id="one2">杀手杀人</span>
</li>
</ul>
<div "box">
<span>昨晚<span id="realNum">theKillNum</span>号被杀,真实身份是<span id="realId">theKillRole</span></span>
</div>
<ul>
<li "die">
<div "triangle" id="two1"></div>
<span id="two2">亡灵发表遗言</span>
</li>
</ul>
<ul>
<li "player">
<div "triangle" id="three1"></div>
<span id="three2">玩家依次发言</span>
</li>
</ul>
<ul>
<li "vote">
<div "triangle" id="four1"></div>
<span id="four2">投票</span>
</li>
</ul>
<div "box1">
<span>昨晚  theKillNum 号被杀真实身份是 Thekillrole </span>
</div>
</div>

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1