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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

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

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")

该问题已被官方收录

如何事件委托，只点击出现，点击其他，事件委消失

1

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(function(){
    $('#Oversize').on('click','div',function(event){
        var target = $(event.target);
        $(event.target.parentNode).css("border","3px solid red");
        // console.log(target);
    });
})

该问题已被官方收录

jqiery状态机

0

1

Ajax登陆

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var $stage = new StateMachine({
    init: 'ready',
    transitions: [
        { name: 'step1', from: 'ready', to: 'kill' },
        { name: 'step2', from: 'kill', to: 'words' },
        { name: 'step3', from: 'words', to: 'speech' },
        { name: 'step4', from: 'speech', to: 'vote' },
        { name: 'reset', from: '*', to: 'ready' }
    ],
    methods: {
        onStep1: function() {
            $(".step:eq(0)").addClass("done");
            $(".round:eq(0)").addClass("do");
        },
        onStep2: function() {
            $(".step:eq(1)").addClass("done");
            $(".round:eq(1)").addClass("do");
        },
        onStep3: function() {
            $(".step:eq(2)").addClass("done");
            $(".round:eq(2)").addClass("do");
        },
        onStep4: function() {
            $(".step:eq(3)").addClass("done");
            $(".round:eq(3)").addClass("do");
        }
    }
});
 
$(".step:eq(0)").click(function () {
    $stage.onStep1();
    alert("进入杀人环节")
    window.location.href = "js2-6.html";
    
})

$(".step:eq(1)").click(function () {
    $stage.onStep2();
  
    
})

$(".step:eq(2)").click(function () {
    $stage.onStep3();
  
    
})

$(".step:eq(3)").click(function () {
    $stage.onStep4();
  
    
})

该问题已被官方收录

js中数组foreach与for循环有什么区别？

2

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

复制代码
import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;

public class ForeachTest
{
    public static void main(String[] args)
    {
        int[] arr = {1, 2, 3, 4, 5};
        
        System.out.println("----------旧方式遍历------------");
        //旧式方式        
        for(int i=0; i<arr.length; i++)
        {
            System.out.println(arr[i]);
        }
        
        System.out.println("---------新方式遍历-------------");
        
        //新式写法,增强的for循环
        for(int element:arr)
        {
            System.out.println(element);
        }
        
        System.out.println("---------遍历二维数组-------------");
        
        //遍历二维数组
        
        int[][] arr2 = {{1, 2, 3}, {4, 5, 6}, {7, 8, 9}} ;
        
        for(int[] row : arr2)
        {
            for(int element : row)
            {
                System.out.println(element);
            }
        }
        
        //以三种方式遍历集合List
        
        List<String> list = new ArrayList<String>();
        
        list.add("a");
        list.add("b");
        list.add("c");
        
        System.out.println("----------方式1-----------");
        //第一种方式，普通for循环
        for(int i = 0; i < list.size(); i++)
        {
            System.out.println(list.get(i));
            
        }
        
        System.out.println("----------方式2-----------");
        //第二种方式，使用迭代器
        for(Iterator<String> iter = list.iterator(); iter.hasNext();)
        {
            System.out.println(iter.next());
        }
        System.out.println("----------方式3-----------");
        //第三种方式，使用增强型的for循环
        for(String str: list)
        {
            System.out.println(str);
            
        }
    }

}

该问题已被官方收录

完成投票后，如果一天杀手没有杀人，第一天的杀人信息会被第二天的信息给覆盖

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="head">
    <div class="h-img1"></div>
    法官台本
    <div class="h-img2"></div>
</div>

<div class="all">
<div class="addBox">
<div class="dateNow" id="now">第<span class="dayNum">1</span>天</div>

<div class="main-box">
    <div class="triangle"></div>

    <div class="box">

        <div class="border"></div>
        <div class="logo1"></div>
            <div class="kill mark1" >
                <div class="triLeft1 mark2"></div><span>杀手杀人</span></div>

            <!--<div class="killOld ">没有进行任何操作</div>-->

            <div class="tell mark1" >
                <div class="logo2"></div>
                <div class="triLeft2 mark2"></div><span>亡灵发表遗言</span></div>

 $(".dateNow").text("第"+dateNum+"天");

    for (var i=1; i<dateNum ; i++){
        var html =
            "<div class=\"addBox\">\n" +
            "<div class=\"date\" >第<span class=\"dayNum\">"+i+"</span>天</div>\n" +
            "<div class=\"main-box\">\n" +
            "    <div class=\"triangle\"></div>\n" +
            "    <div class=\"box\">\n" +
            "        <div class=\"border\"></div>\n" +
            "        <div class=\"logo1\"></div>\n" +
            "            <div class=\"kill mark1\" >\n" +
            "                <div class=\"triLeft1 mark2\"></div><span>杀手杀人</span></div>\n" +
            "            <div class=\"killOld \">"+(Number(arrKillDead[i-1]+1))+"号被杀手杀了，真实身份是平民</div>\n" +
            "            <div class=\"tell mark1\" >\n" +
            "                <div class=\"logo2\"></div>\n" +
            "                <div class=\"triLeft2 mark2\"></div><span>亡灵发表遗言</span></div>\n" +
            "            <div class=\"speak mark1\" >\n" +
            "                <div class=\"triLeft3 mark2\"></div><span>玩家依次发言</span></div>\n" +
            "            <div class=\"vote mark1\" >\n" +
            "                <div class=\"triLeft4 mark2\"></div><span>全民投票</span></div>\n" +
            "    </div>\n" +
            "    </div>\n" +
            "</div>";

        $(".addBox").eq(i-1).before(html);
        $(".addBox").eq(i-1).find(".main-box").hide();
        //隐藏前天盒子
        $(".box").eq(i-1).find(".mark1").css({background:"#2375af"});
        $(".box").eq(i-1).find(".mark2").css({borderColor:"transparent #2375af transparent transparent"});

        // function aboutKillED () {
        //     if (deadeNum[dateNum-2] == "X") {
        //         $(".kill").eq(i-1).after("<div class='killTxt'>" +
        //             '没有进行任何操作' +
        //             "</div>");
        //     }
        //     else  {
        //         $(".kill").eq(i-1).after("<div class='killTxt'>" + (Number(arrKillDead[i-1])+1) +
        //             '号被杀手杀了，真实身份是平民' +
        //             "</div>");
        //     }
        // }
        // aboutKillED();
        // abuotVotED();
        //思路一（无操作还是有点问题）

        if (arrKillDead[i-1] === "n"){
            $('.killOld').eq(i-1).text("晚上：平安无事");
        }
        $(".vote").eq(i-1).after("<div class='killTxt'>" + (Number(arrVoteDead[i-1])+1) +
            '号被投死了，真实身份是' + (identity[voteDeade]) +
            "</div>");

        $('.all').scrollTop(9999);
    }

    $(".date").click(function () {
        $(this).next().slideToggle();
    });

该问题已被官方收录

点击关闭按钮，的弹窗函数覆盖了杀人按钮的弹窗

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function close() { //关闭按钮函数
    $(".close").on("click", function () { //点击关闭按钮,弹窗
        ask("visible", "27vh auto"); //调用弹窗函数
        $("#text").text("结束本轮游戏吗?");
        if ($("#text").text() === "结束本轮游戏吗?") {
            $("#confirm").on("click", function () {

                $(location).attr('href', "index.html");
                localStorage.clear();
            });
        };

    });
};

function hidden() { //点击确定和取消弹框消失函数
    $("#confirm,#cancle").on("click", function () { //点击确定和取消弹框消失
        ask("hidden", "25vh auto"); //调用弹窗函数
    });
};

var fsm = {
        state: localStorage.getItem('steps'),
        killStep: function () { //杀手函数
            switch (fsm.state) {
                case 'none': // 如果是初始状态，即点击杀手步骤
                    localStorage.setItem('steps', 'killer'); //存储步骤为杀手杀人
                    $(location).attr('href', "kill.html"); //点击杀手杀人跳转杀人页面
                    break;
                case 'death': //如果继续点击杀手步骤会弹窗提醒
                    ask("visible", "27vh auto"); //弹窗
                    $("#text").text("请点击亡灵发表遗言");
                    break;
                case 'talk': //如果点击发言
                    ask("visible", "27vh auto"); //弹窗
                    $("#text").text("请点击玩家依次发言");
                    break;
                case 'vote': //如果点击投票
                    ask("visible", "27vh auto"); //弹窗
                    $("#text").text("请点击全民投票");
                    break;
            }
        },

该问题已被官方收录

JS任务四的杀人页面，这个的从第一步开始做起的页面，那么我根据上次存储的数据

0

1

js基础

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>
    <link rel="stylesheet" href="./js4-3.css">
</head>

<body>
    <header>
        <h5>杀手杀人</h5>
        <a class="finish"></a>
    </header>
    <main>
        <div>
            <div class="box2">
                <p class="select1">杀手请睁眼，杀手请选择要杀的对象</p>
            </div>
            <span class="air"></span>
            <p>点击下方玩家头像，对被杀的玩家进行标记</p>
        </div>
        <div class="box">
                <div class="bo">
                    <div class="box1">
                        <div class="civilian"></div>
                        <Div class="number"></Div>
                    </div>
                </div>
            </div>
                <ul class="select" style="visibility: visible;">
                    <li class="icon1"></li>
                </ul>
            </Div>
        </div>
    </main>
    <footer>
        <span>确定</span>
    </footer>
    <script src="./js4-3.js"></script>
</body>

</html>

var data = JSON.parse(localStorage.getItem('PartArr'));
console.log(data);

var a = document.getElementsByClassName("box")[0];
var b = document.getElementsByTagName("main")[0];
var c = document.getElementsByClassName("civilian");
var d = document.getElementsByClassName("number");


function chan() {
    for (var i = 0; i < data.length - 1; i++) {
        var aa = a.cloneNode(true);
        b.appendChild(aa);
    }
}
chan();

for (let i = 0; i < data.length; i++) {
    c[i].innerText = data[i].breed;
    d[i].innerText= data[i].num
}

该问题已被官方收录

游戏进行到第二天，第一天的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>

该问题已被官方收录

jquery中使用on()方法绑定click事件，在移动端无法focus

0

1

Jquery操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//获取点击处索引，改变其显示样式
	$(".block").on("click", function() {
		let $stageCheck = window.sessionStorage.getItem('stages');
		//console.log("阶段" + $stageCheck);

		let $index = $(".block").index(this);

		if ($fromJournal[$index].role == "杀手" && $stageCheck == "1") {
			alert("杀手不能杀自己人!");
			window.sessionStorage.removeItem('isfocus');
		}
		else {
			//存储数据用于判断是否有点击
			window.sessionStorage.setItem('isfocus', 'true');

			//存储点击处索引
			window.sessionStorage.setItem('index', $index);

			$(this).addClass("death");
		}
		$(".block").each(function() {
			if ($(this).is(".deadBody") == false && $(this).is(":focus") == false) {
				$(this).removeClass("death");
			}
			else if ($(this).is(".deadBody") == true) {
				$(this).blur();
			}
		});
	})

该问题已被官方收录

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

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";

        }
    }
}

去第页

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