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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

九宫格闪烁重复

2

2

控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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

该问题已被官方收录

多次点击“开始闪”按钮后为什么三个格子闪得越来越快？

2

2

事件操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 获取随机颜色
var randomColor = function() {
    var c = '0123456789abcdef'
    var color = '#'
    for (var i = 0; i < 6; i++) {
        num = [Math.floor(Math.random() * 16)]
        color += c[num]
    }
    // console.log('color', color)
    return color
}

// 返回范围随机数
var rnd = function(start, end) {
    return Math.floor(Math.random() * (end - start) + start)
}

var e = function(selector) {
    return document.querySelector(selector)
}
var es = function(selector) {
    return document.querySelectorAll(selector)
}

// 点击开始闪 随机获取3个li标签，并设置颜色
var clickButton = function() {
    var button = e('.button')
    var ul = e('ul')
    var li = es('li')

    button.addEventListener('click', function(event) {
        var target = event.target
        if (target.innerHTML === '开始闪') {
            // 每秒，随机设置3个li元素的背景颜色
            window.id = setInterval(function() {
                // 恢复默认样式
                for (var i = 0; i < li.length; i++) {
                    li[i].style.backgroundColor = 'pink'
                }
                // 用于不重复的获取ul的子元素
                var l = [0, 1, 2, 3, 4, 5, 6, 7, 8]

                // 给随机三个元素随机设置背景颜色
                for (var i = 0; i < 3; i++) {
                    // 获取范围内的随机数
                    var n = rnd(0, l.length - 1)
                    // 获取l里的值(对应li元素)
                    var num = l[n]
                    // 获取随机颜色
                    var color = randomColor()
                    // 设置背景颜色
                    li[num].style.backgroundColor = color
                    // 删除用过的元素，保证不重复设置
                    l.splice(n, 1)
                }
            }, 1000)
        // 点结束停止播放
        } else if (target.innerHTML === '结束闪') {
            // 恢复默认样式
            for (var i = 0; i < li.length; i++) {
                li[i].style.backgroundColor = 'pink'
            }
            window.clearInterval(id)
        }
    })
}
clickButton()

该问题已被官方收录

如何理解洗牌算法

1

2

操作DOM 事件变量

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function upsetOrder(arrOld, num){
          var result = [], _length = num || arrOld.length, arr;
          arr = Object.assign([], arrOld);
          for (var i=0, len=arr.length; i<len; i++){
            result.push(arr.splice(Math.floor(Math.random()*arr.length), 1)[0]);
          }
          return result;
        }
        upsetOrder(a);
        var x = upsetOrder(a);

该问题已被官方收录

数组概念和获取节点是有关系的。

0

2

变量操作DOM 表达式和运算符

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

document.getElementByid("").....
document.getElementsByClassname("")[x]......

该问题已被官方收录

二维数组怎么理解？

1

2

数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

int main(int argc, const char * argv[]) {
    int array[3][5] = {0};//定义一个二维数组（3行5列）
    int temp = 0;//设定一个临时的整型变量，用来给数组赋值
    for (int a = 0 ; a < 3; a++)//外层循环给数组的第一维赋值，就是array[x][y]的x
    {
        for (int b = 0 ; b < 5; b++)//内层循环给数组的第二维赋值，就是array[x][y]的y
        {
            temp = temp + 1;//为了让数组的数值不同，让临时变量有自增
            array[a][b] = temp;//二维数组的真正数据
            printf("array[%d][%d] = %d\t",a,b,array[a][b]);//打印出数组
        }
         printf("\n");//输出一行后换行
    }
    return 0;
}

该问题已被官方收录

随机的出现一种颜色，随机的性能怎么样？

1

2

事件操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.

该问题已被官方收录

js随机选取元素，实现乱序有什么方法，他们都有什么区别？

1

2

操作DOM 表达式和运算符变量

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.

该问题已被官方收录

效果图有很多重复的颜色。怎么让它们这些改变的颜色不重复？

1

2

变量事件操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

该问题已被官方收录

定时器如何重复执行或者只执行一次？

0

2

控制流程语句事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="JavaScript" type="text/javascript">
var str = "这个是测试用的范例文字";
var seq = 0;
var second=1000; //间隔时间1秒钟
function scroll() {
msg = str.substring(0, seq+1);
document.getElementByIdx_x_x('word').innerHTML = msg;
seq++;
if (seq >= str.length) seq = 0;
}
</script>
</head>
<body onload="setInterval('scroll()',second)">
<div id="word"></div><br/><br/>
</body>
</html>

该问题已被官方收录

随机取颜色的两种方法

1

2

操作DOM 变量表达式和运算符

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function(){
    var arr =  [0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F];
    var new_arr = [] ;
    for(i = 0 ; i < 6;i++){
      z  =  Math.floor(Math.random()*16) ;
      new_arr.push(arr[z]);
 }
}

function getcolor() {
    var r = Math.floor(Math.random() * 256);
    var g = Math.floor(Math.random() * 256);
    var b = Math.floor(Math.random() * 256);
    return "rgb(" + r + "," + g + "," + b + ")";
}

去第页

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