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

Jquery操作 Ajax登陆

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);
            });
        });
    });

该问题已被官方收录

平民都杀完了或者杀手都投死完了还没结束跳转到游戏结束。

0

1

本地储存 js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 点击杀人按钮
$('button').click(function () {
    // 当杀手未选择玩家时，跳出提示弹窗
    if (a == undefined) {
        alert("请选择要杀死的玩家")
    } else {
        // 当杀手点击平民并杀死时平民人数-1
        if (arr[a].breed == "平民") {
            civilian = civilian - 1;
            // 记录被杀玩家的序号push到被杀死的玩家数组
            killarr.push(new Killed(arr[a].num, arr[a].breed));
            // 保存push的死亡玩家数组
            localStorage.setItem("killarr", JSON.stringify(killarr));
        }
        // 时时保存平民剩余的人数
        localStorage.setItem("civiliannum", JSON.stringify(civilian));
        // 当平民人数为0时结束游戏
        if (civilian == "0") {
            location.href = "../html/js4-4.html";
            return;
        }
        // 当点击被杀死和被投死的玩家，提示玩家已死亡
        if (arr[a].status == "杀死" || arr[a].status == "投死") {
            alert("该玩家已经死亡，请选择其他玩家");
        } else if (arr[a].breed == "杀手") {
            // 当杀手点击本职业玩家跳出窗口提示
            alert("你的职业是杀手，不能杀死本职业的玩家")
        } else {
            // 当杀手点击平民
            arr[a].status = "杀死"; //把玩家对象的status属性值改为杀死
            // 被杀玩家的背景改变
            $('.box').eq(a).css("background", "#e4e4e4");
            // 保存被杀死的玩家对象
            localStorage.setItem("store", JSON.stringify(arr));
            location.href = "../html/js4-1.html"; //返回到游戏进度页面      
        }
    }
})

该问题已被官方收录

不给初始状态具体的值

0

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var thestates;
var aaa = sessionStorage.getItem('step');
if (aaa == null){
    fsm.state = 'kill';
}else{
    fsm.state = aaa;
}
var fsm = {
    state: thestates,
    tokill: function(){
        switch(fsm.state){
            case'kill':
                //location.href = 'try.html';
                alert('杀手开始杀人');
                thestates = 'dead';
                sessionStorage.setItem('step', 'dead');
                $('#Onearrow').css('border-color', 'transparent #82af9a transparent transparent');
                $('.One').css('backgroundColor', '#82af9a');
                break;
            case'dead':
            case'speak':
            case'vote':
                alert('请按照游戏步骤进行');
                break;
        }
    },
    todead: function(){
        switch(fsm.state){
            case'dead':
                alert('发表遗言');
                //fsm.state = 'speak';
                thestates = 'speak';
                sessionStorage.setItem('step', 'speak');
                $('#Twoarrow').css('border-color', 'transparent #82af9a transparent transparent');
                $('.Two').css('backgroundColor', '#82af9a');
                break;
            case'dead':
            case'kill':
            case'vote':
                alert('请按照游戏步骤进行');
                break;
        }
    },

该问题已被官方收录

JQ操作不了伪元素，那怎么用JQ使伪元素变色

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 //当进行的天数大于1的时候，在活动台本前插入静止的法官台本
    if (day > 1) {
        for (var i = 0; i < day - 1; i++) {
            $(".item:last").before("<div class=\"item\">\n" +
                "        <div class=\"day\">第" + (i + 1) + "天</div>\n" +
                "        <div class=\"wrap\">\n" +
                "            <div class=\"night\">\n" +
                "                <ul>\n" +
                "                    <li class=\"killer-kill killer-kill-dead\">杀手杀人</li>\n" +
                "                    <li class=\"kill-message killer-kill-message\">3号被杀手杀死，真实身份是平民</li>\n" +
                "                </ul>\n" +
                "            </div>\n" +
                "            <div class=\"daytime\">\n" +
                "                <ul>\n" +
                "                    <li class=\"ghost-speak ghost-speak-dead\">亡灵发表遗言</li>\n" +
                "                    <li class=\"player-speak player-speak-dead\">玩家依次发言</li>\n" +
                "                    <li class=\"vote-kill vote-kill-dead\">全民投票</li>\n" +
                "                    <li class=\"kill-message vote-kill-message\">5号被投票投死，真实身份是杀手</li>\n" +
                "                </ul>\n" +
                "            </div>\n" +
                "        </div>\n" +
                "    </div>")
            //将这一天的信息隐藏
            $(".wrap").eq(i).hide();
            //取出装每天的两个事件说明的数组,分别分配给各个静止法官台本
            var words = JSON.parse(sessionStorage.getItem("words"));
            $(".killer-kill-message").eq(i).text(words[2 * i]);
            $(".killer-kill-message").eq(i).show();
            $(".vote-kill-message").eq(i).text(words[2 * i + 1]);
            $(".vote-kill-message").eq(i).show();
            //将静止台本的每个步骤都设置高亮
            //第一步高亮
            $(".killer-kill").eq(i).css("background", "#92b7a5");
      
            //第二步高亮
            $(".ghost-speak").eq(i).css("background", "#92b7a5");
           
            //第三步高亮
            $(".player-speak").eq(i).css("background", "#92b7a5");
           
            //第四步高亮
            $(".vote-kill").eq(i).css("background", "#92b7a5");
           
        }

该问题已被官方收录

怎么根据人数制作盒子

3

1

本地储存

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, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
        crossorigin="anonymous">

    <title>杀手杀人</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../task2/scss/Homicide.css" />
    <script src="../task2/js/Homicide.js"></script>
    <script src="../task2/js/kill.js"></script>
</head>

<body>
    <header>
        <img src="./img/12.png" class="Tabulation">
        <div>杀手杀人</div><img src="./img/13.png" class="off">
    </header>
    <nav>
        <p class="nav_Published">杀手请睁眼，请选择要杀的对象</p>

        <p class="nav_tip">点击下方玩家头像，对被杀的玩家进行标记</p>
    </nav>

    <main>
        <div class="first">
            <div class="main_square">
                <p class="upbox"></p>
                <p class="bottombox"></p>
            </div>
            <div class="main_icon">
                <img src="./img/7.png">
                <img src="./img/8.png">
                <img src="./img/9.png">
                <img src="./img/10.png">
            </div>
        </div>
    </main>

    <footer><button class="button">确定</button></footer>




</body>

</html>

该问题已被官方收录

任务四渲染死亡玩家的数量

2

1

数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(document).ready(function () {
    let {log}=console;
    var key = JSON.parse(localStorage.getItem("Arr"));
    log(key)
    for (var i =0; i<key.length;i++) {
        add();
    }
    var kee = JSON.parse(localStorage.getItem("kkk"));
    log(kee)
    let num=1;
    let nun;
    for (let i =0; i<key.length;i++) {
        let nun= num++;
    }
    function add() {
        $('.main-float').append(
            `<div class="boxx">
             <div class="box">
            <div class="people">${key[i]}</div>
           <div class="nember">${i+1}号</div>
            </div>
        </div>`)
    };
    (function sss() {
        $(".people").click(function() {
            $(".people").removeClass("red");
            $(this).addClass("red");
            judge =true;
        });
    })();
    let addclass= JSON.parse(localStorage.getItem("deathindex"));
    log(addclass);

    var judge = false;
    //
    // for (var i =0;i<key.length;i++) {
    //     log(i)
    // }
    // if (key[i] == "杀手") {
    //         $(".main-float .people").unbind();
    //
    // }
    var box = $(".main-float .boxx .box .people");
    log(box)
    // for (var i = 0;i<addclass.length;i++) {
  //打印一个数组的值，然后是初始化条件是设密码，条件； 递增表达式。


    for (var i=0; i < addclass.length; i++) {
       log(addclass[i]);
    }
log(i)
    //
    // log(val)
    //     box.eq(2).addClass("red");
    //
    //




    let deathNum;
    $(".boxx").click(function(){
        deathNum = $(this).index();
        log(deathNum);

    });



        var number = [];
        $(".bottom-vote").click(function () {

            if(judge == false) {
                alert("杀个人再走，好吗吗？")
            }
           else {
                window.location.href =  "task2-foll.html";
                kee[deathNum] = "死亡";
                log(kee);
                number.push(deathNum);
                log(number);
                localStorage.setItem('kkk', JSON.stringify(kee));
                localStorage.setItem('deathindex', JSON.stringify(number));
            }



        });


});

该问题已被官方收录

在任务四的时候最尾巴的部分，要怎么实现实时更新几号被杀死，被投死的信息

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//提取数据
var civilian = +sessionStorage.getItem("civilian"); //平民
var killer = +sessionStorage.getItem("killer"); //杀手
var days = sessionStorage.getItem("days"); //天数
var killDead = JSON.parse(sessionStorage.getItem("killDead")); //杀死数组
var voteDead = JSON.parse(sessionStorage.getItem("voteDead")); //投死数组
var daysArray = JSON.parse(sessionStorage.getItem("daysArray")); //天数数组
console.log(daysArray)
console.log(killDead)
console.log(voteDead)
console.log(civilian)
console.log(killer)
console.log(days)
//获取节点
var day = document.getElementsByClassName("day");
var sourceNode = document.getElementsByTagName("ul");
var sha = document.getElementsByClassName("sha");
var tou = document.getElementsByClassName("tou");
var picture = document.getElementsByClassName("picture")[0];
document.getElementsByTagName("p")[0].innerHTML = "剩余玩家:" + (killer + civilian);
document.getElementsByTagName("span")[0].innerHTML = "杀手" + killer + "人";
document.getElementsByTagName("span")[1].innerHTML = "平民" + civilian + "人";
if (killer >= civilian) {
    picture.style.background = "url(./杀手.png) no-repeat 0.8rem -0.3rem" ;
    picture.style.zoom=".4"
}
for (let i = 1; i < days; i++) {
    var cloneNode = sourceNode[0].cloneNode(true); //克隆源节点
    sourceNode[0].parentNode.appendChild(cloneNode); //排列
}
for (let i = 0; i < days; i++) {
    day[i].innerHTML = daysArray[i + 1];
    if (killDead[i] == undefined) {
        sha[i].innerHTML = "黑夜：";
    } else {
        sha[i].innerHTML = "黑夜：" + killDead[i];
    }
    if (voteDead[i] == undefined) {
        tou[i].innerHTML = "白天：";
    } else {
        tou[i].innerHTML = "白天 : " + voteDead[i];
    }
    console.log(killDead[i])
    console.log(voteDead[i])
}
//再来一局
var go = document.getElementsByTagName("button")[0];
go.onclick = function () {
    sessionStorage.clear();
    location.href = ("./../捉鬼猜词/捉鬼猜词.html");
}

去第页

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