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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

如何取三个不同的随机数？

6

17

操作DOM 函数表达式和运算符数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function getRandomColor() {
    return 'rgb('+Math.round(Math.random()*255)+','+Math.round(Math.random()*255)+','+Math.round(Math.random()*255)+')';
}

该问题已被官方收录

多次点击“开始闪”按钮后为什么会有很多格子都开始闪？

5

8

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function stopBox() {
    for(var i=0;i<=8;i++){
      Box[i].style.background='orange';
    }
    clearInterval(startbox);
    panD=1;
}

该问题已被官方收录

格子颜色开始随机的时候会随机三个橙色

2

7

函数操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

/*首先取出这九个格子*/
var box = document.getElementsByClassName("box");

/*遍历9个格子重置颜色*/
function reset() {
    for (var i = 0; i < box.length; i++) {
        box[i].style.background = "#fea500";
    }
}

/*做一个随机颜色函数返回随机颜色*/
function color() {
    var r, g, b;
    r = Math.floor(Math.random() * 256);
    g = Math.floor(Math.random() * 256);
    b = Math.floor(Math.random() * 256);
    return 'rgb(' + r + ',' + g + ',' + b + ')';
}

/*开始闪*/
function change() {//随机抽取三个格子变色
    reset();
    var a = [];//定义一个放格子下标的空数组

    for (var i = 0; i < 3; i++) {//遍历空数组并在空数组存放格子下标0~8中任意的三个
        a[i] = Math.floor(Math.random() * 9);
    }

    if (a[0] != a[1] && a[0] != a[2] && a[1] != a[2]) {//如果抽出的任意三个下标互不相等则将这三个下标所对应的格子变色
        box[a[0]].style.background = color();
        box[a[1]].style.background = color();
        box[a[2]].style.background = color();
    }


}

var z;//定义一个名叫z的全局变量
function start() {//触发变色
    clearInterval(z);//停止周期调用函数
    z = setInterval("change()", 1000);//将周期调用函数放入z变量并直接触发
}

/*结束闪*/
function stop() {//停止变色并重置
    clearInterval(z);//停止周期调用函数
    reset();
}

该问题已被官方收录

点击一次查看身份再点击隐藏身份，再点击查看下一个人身份

3

5

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(".card-icon") .css('display', 'block');
$(".card-icon-role") .css('display', 'none');
$("#check") .css('display', 'block');
$("#send") .css('display', 'none');
$("#result") .css('display', 'none');

该问题已被官方收录

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

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

该问题已被官方收录

如何将列表页接口数据渲染到页面上？

3

4

angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.controller("list", function ($scope, $http) {
    $http({
        method: 'get',
        url: '/carrots-admin-ajax/a/article/search',
        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
    }).then(function (resp) {
        var articleList = resp.data.data.articleList;
        console.log(articleList);
        console.log(resp);
        $scope.datas = articleList;
    })
});

该问题已被官方收录

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

该问题已被官方收录

完成盒子随机后，绝大部分情况下是出现三个盒子变色的，但是偶尔却只会出现两个盒子；

2

4

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<body>
<div class="max">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
<div id="btn1">开始闪</div>
<div id="btn2">结束闪</div>

<script src="task1.js"></script>

var box = document.getElementsByClassName("box");
var start = document.getElementById("btn1");
var stop = document.getElementById("btn2");
var time;
function color() {
    var rgb;
    var r = Math.floor(Math.random()*256);
    var g = Math.floor(Math.random()*256);
    var b = Math.floor(Math.random()*256);
    rgb = 'rgb('+r+','+g+','+b+')';
    return rgb;
}
function getbox() {
    var one = Math.floor(Math.random()*list.length);
    var two = Math.floor(Math.random()*list.length);
    var three = Math.floor(Math.random()*list.length);
    if(one == two){
        one = Math.floor(Math.random()*list.length);
    }else if(two == three){
        two = Math.floor(Math.random()*list.length);
    }else if(one = three){
        three = Math.floor(Math.random()*list.length);

        box[one].style.backgroundColor = color();
        box[two].style.backgroundColor = color();
        box[three].style.backgroundColor = color();

    }
start.onclick = function () {
    this.style.backgroundColor = "#ffa500";
    this.style.color = "#fff";
    stop.style.backgroundColor = "#fff";
    stop.style.color = "#ffa500";
    clearInterval(time);
    time = setInterval(function(){
         for(var i = 0; i < 9; i++){
            box[i].style.backgroundColor = "";
         }
          getbox();
         },1000);
};
stop.onclick = function () {
    this.style.backgroundColor = "#ffa500";
    this.style.color = "#fff";
    start.style.backgroundColor = "#fff";
    start.style.color = "#ffa500";
    clearInterval(time);
    for(var i=0; i<9; i++){
            box[i].style.backgroundColor = "";
    }
};

该问题已被官方收录

js如何获取Dom节点以及操作Dom节点？

2

4

操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var square=document.getElementsByClassName("square");//获取9个正方节点
square[1].style.background = '#8DE3A4';
square[4].style.background = '#C6734A';
square[7].style.background = '#F6CAFB';

该问题已被官方收录

任务二怎么设置滑动条?

4

4

节点操作

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

去第页

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