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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

法官查看界面如何实现盒子编号、玩家身份和分配身份后的状态保持一致

0

1

节点操作事件控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html:
<div class="main-box">
   <!--<div class="content-box">-->
            <!--<div class="content-top">-->
                <!--<div class="career"></div>-->
                <!--<div class="number"></div>-->
            <!--</div>-->
        <!--<div class="content-bottom"></div>-->
    <!--</div>-->
</div>
CSS：
.main-box {
    width: 100%;
    margin-top: .2rem;
    display: flex;
    flex-wrap: wrap;
}
.content-box {
    width: 30%;
    height: 1.9rem;
    margin: 1.5% 1.66% 0 1.66%;
}
.content-top {
    width: 100%;
    height: 1.36rem;
}
.career {
    width: 100%;
    height: 1.0rem;
    font-size: .3rem;
    color: #565656;
    background-color: #F5C97B;
    box-sizing: border-box;
    border: 2px solid #FFF;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.number {
    width: 100%;
    height: .36rem;
    font-size: .22rem;
    color: #FFF;
    background-color: #83B09A;
    box-sizing: border-box;
    border: 2px solid #FFF;
    border-top: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-bottom {
    width: 100%;
    height: .3rem;
    padding-top: .2rem;
    background-image: url(../image/img1.png);
    background-repeat: no-repeat;
    background-size: .3rem .3rem;
    background-position: center center;
    visibility: hidden;
}
JS:
var player = JSON.parse(sessionStorage.getItem('player'));//取出总玩家人数数组
 for (var i=0; i<player.length; i++){//遍历数组，有几个玩家就循环几次，把所有玩家都遍历出来
        var num = i + 1;//每个角色对应的号码
        var inBox = '<div class=\"content-box\">\n'+//var个变量存储写进文档的标签代码，记住要转义字符
            '<div class=\"content-top\">\n'+
            '<div class=\"career\">\n'+ player[i] +
            '</div>\n'+
            '<div class=\"number\">\n'+ num +
            '</div>\n'+
            '</div>\n'+
            '<div class=\"content-bottom\">\n'+
            '</div>\n'+
            '</div>';
        $('.main-box').append(inBox);//通过append将盒子一个一个的往文档里面装
        }

该问题已被官方收录

可以添加函数方法至数组中，再通过遍历调用函数吗？

0

1

函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

switch (step) {
        case 1:
            fsm.kill();
            break;
        case 2:
            fsm.kill();
            fsm.police();
            break;
        case 3:
            fsm.kill();
            fsm.police();
            fsm.sharp();
            break;
        case 4:
            fsm.kill();
            fsm.police();
            fsm.sharp();
            fsm.doctor();
            break;
        case 5:
            fsm.kill();
            fsm.police();
            fsm.sharp();
            fsm.doctor();
            fsm.ghost();
            break;
        case 6:
            fsm.kill();
            fsm.police();
            fsm.sharp();
            fsm.doctor();
            fsm.ghost();
            fsm.player();
            break;
        case 7:
            fsm.kill();
            fsm.police();
            fsm.sharp();
            fsm.doctor();
            fsm.ghost();
            fsm.player();
            fsm.vote();
            break;

该问题已被官方收录

回调函数搜索变量的问题？

0

1

函数变量事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

如上

该问题已被官方收录

如何新一天生成，前面天数无法再点击生效，点击则弹窗？

0

1

本地储存事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$("main").on("click", "p", function (event) { //事件委托
        var target = event.target;
        if (target.className === "days") { //点击天数步骤上下滑动
            $(this).next().slideToggle(200)
        };
        if (target.className === "color kill") { //点击杀死杀人步骤
            fsm.killStep();
        };
        if (target.className === "color death") { //点击亡灵步骤
            fsm.deathStep();
        };
        if (target.className === "color talk") { //点击发言步骤
            fsm.talkStep();
        };
        if (target.className === "color vote") { //点击投票步骤
            fsm.voteStep();
        };
    });

该问题已被官方收录

如何用滑动条改变输入框的值？

0

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//输入框取值
function inputNumber() {
    if (inputNum.value >= 4 && inputNum.value <= 18) {
        slipRange.value = inputNum.value;
    } else {
        alert("游戏限制人数为4~18人");
    }
    peopleNum.innerText = Math.ceil(slipRange.value * 2 / 3);
    ghostNum.innerText = Math.floor(slipRange.value / 3);
}

//滑动条和输入框同步
function change() {
    inputNum.value = slipRange.value;
    peopleNum.innerText = Math.ceil(slipRange.value * 2 / 3);
    ghostNum.innerText = Math.floor(slipRange.value / 3);
}

该问题已被官方收录

如果我的页面有好几个音频的时候，如何通过点击其中一个，让其他的音频都重新开始播放

0

1

函数变量事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

letscheck(index) {
        console.log(index);
        var play = document.getElementsByTagName('audio');
        if (play[index].paused) {
          play[index].play();
          this.ruleForm.content[index].flag = true;
          console.log(this.ruleForm.content[index].flag);
        } else {
          play[index].pause();
          this.ruleForm.content[index].flag = false;
        }
      },

该问题已被官方收录

这里有一个关于indexOf的问题

0

1

节点操作数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

如上

该问题已被官方收录

url页面传参

0

1

url传参

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

代码在图中

该问题已被官方收录

button点击的一瞬间出现蓝色背景

0

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="player-separate">
    <div class="left-title">玩<br>家<br>配<br>比</div>
    <div class="right-message">
        <div class="identity">
            <div class="killer">杀 手 <span id="killer-num">1</span> 人</div>
            <div class="civilians">平 民 <span id="civilians-num">3</span> 人</div>
        </div>
        <div class="setting">
            <button onclick="separate()">点击设置<img src="../images/pencil.png"></button>
        </div>
    </div>
</div>

该问题已被官方收录

如何用对象储存数组？

0

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var objArr = [];
for(var i = 0;i < value.length; i++){
    objArr[i] = {
        death: true,
    }
    if(value[i] == 0){
        objArr[i].name = "杀手";
    }else{
        objArr[i].name = "平民";
    }
}

去第页

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