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种随机颜色的方法怎么比较各种随机颜色的性能？

0

1

变量操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

如何才能判断一下六种随机颜色代码的性能？

该问题已被官方收录

在算法中涉及到自增量会影响到变量的赋值吗？

0

1

变量

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

a =  [0,1,2,3,4,5,6,7,8];
 var w = a.length;
        while(w){ 
                y = Math.floor(Math.random()*(w--));
}
此时的w是9还是8.

该问题已被官方收录

怎么点击按钮计时器开始后，无法继续点击按钮使计时器叠加。

1

1

事件控制流程语句操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

document.getElementById("on").onclick = function () { //点击开始
     
    c = setInterval(function () { //使用定时器
         
        start(); //调用函数
         
    }, 1000) //设置时间
    d = setInterval(mycolor, 1000);
}
document.getElementById("off").onclick = function () { //停止按钮的
     
    for (i = 0; i < div.length; i++) { //循环
         
        div[i].style.background = "#FFA500"; //遍历清除颜色
         
    } 
    clearInterval(c)//停止定时器
    clearInterval(d); //停止定时器
}

该问题已被官方收录

九宫格随机

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var list=document.getElementsByClassName("let_style");//获取节点
var run=document.getElementById("run");
var stop=document.getElementById("stop");
var time;//???

function begin(){
    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 || two==three || three==one) {
    one=Math.floor(Math.random()*list.length);
    two=Math.floor(Math.random()*list.length);
    three=Math.floor(Math.random()*list.length);

}
console.log(one,two,three)
list[one].style.background='rgb'+colors();
list[two].style.background='rgb'+colors();
list[three].style.background='rgb'+colors();

// console.log(one)
//     console.log(two)
//     console.log(three)
}
  

function colors(){
    var rgb;
    var r=Math.floor(Math.random()*265);
    var g=Math.floor(Math.random()*265);
    var b=Math.floor(Math.random()*265);
 
    rgb='('+r+','+g+','+b+')';
    return rgb;
}

run.onclick=function(){
    clearInterval(time);
    time=setInterval(function(){
        for(var i=0;i<list.length;i++){
            list[i].style.backgroundColor='';
        }
        begin();
    },1000);
}
stop.onclick=function(){
    clearInterval(time);
    for(var i=0;i<list.length;i++){
        list[i].style.backgroundColor='';
    }
}

该问题已被官方收录

如何使用js实现随机数？

0

1

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

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function ner(){
				var a=[];
				var sum1=Math.floor(Math.random()*9);
				var sum2=Math.floor(Math.random()*9);
				var sum3=Math.floor(Math.random()*9);
//				console.log(Math.floor)
//				console.log(Math.random())
//				console.log(Math.floor(Math.random()*9))
				while(sum2==sum1){
					sum2=Math.floor(Math.random()*9);
				}
				while(sum3==sum2||sum3==sum1){
					sum3=Math.floor(Math.random()*9);
				}
				a.push(sum1,sum2 ,sum3);
				return a
			}

该问题已被官方收录

如何控制button在点击后禁用，无法重复点击

1

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

js代码
//获取事件源
var sudoku = document.getElementsByClassName("box");
//获取颜色
function color() {
    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+")";
    return `rgb(${r},${g},${b})`; //所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换
}
//获取随机格子
function getRandom() {
    var list = Array.from(sudoku); //将集合转化为数组
    var result = [];
    for (var i = 0; i < 3; i++) {
        var x = Math.floor(Math.random() * list.length);
        result.push(list.splice(x, 1)[0]); //将随机选择的对象删除，且返回添加给空数组
    }
    return result;
}
//改变颜色
function changeColor() {
    //重置颜色
    for (var i = 0; i < sudoku.length; i++) {
        sudoku[i].style.backgroundColor = "orange";
    }
    var result = getRandom();
    for (var i = 0; i < result.length; i++) {
        result[i].style.backgroundColor = color();
    }
}


//声明变量作为定时器开关。
var startButton;
//开始
function start() {
    //重置定时器
    clearInterval(startButton);
    startButton = setInterval("changeColor()", 1000);
}
//停止
function stop() {
    for (var i = 0; i < sudoku.length; i++) {
        sudoku[i].style.background = "orange";
    }
    clearInterval(startButton);
}
css代码
.html{
    font-size: 312.5%;
}

body {
    margin: 0;
}

.box {
    float: left;
    margin: 1%;
    border-radius: 10%;
    padding-left: 31.33%;
    padding-bottom: 31.33%;
    background-color: orange;
}

button {
    width: 100%;
    padding: 5% 0;
    margin-bottom: .5rem;
    border: 1px solid orange;
    border-radius: .5rem;
    font-size: 1rem;
    outline-style: none;
    color: orange;
    background: white;
}

button:hover {
    color: white;
    background: orange;
}

html代码
<!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>九宫格</title>
    <link rel="stylesheet" type="text/css" href="task1.css"></link>
</head>

<body>
    <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>
    <button onclick="start()">开始闪</button>
    <button onclick="stop()">结束闪</button>
    <script type="text/javascript" src="task1.js"></script>
</body>

</html>

该问题已被官方收录

如何使用JS实现随机变色的效果？

1

1

数据类型操作DOM 函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//获取随机色的函数-rgb(方法一：利用document.querySelector方法接受一个CSS选择器作为参数)

function getRandomColor() {
    var rgb = 'rgb(' + Math.floor(Math.random() * 255) + ','
        + Math.floor(Math.random() * 255) + ','
        + Math.floor(Math.random() * 255) + ')';
    return rgb;
}
//    获取按钮点击事件
var btn_one = document.querySelector("#btn-one");//获取开始按钮节点
var box = document.querySelectorAll(".bg-one");//获取九宫格小盒子节点
btn_one.onclick = function () {
    for (var i = 0; i < box.length; i++) {
        box[i].style.backgroundColor = getRandomColor();
    }
}


//获取对象（(方法二：利用document.getElementById和getElementsByClassName方法来设置参数）
var bigbox = document.getElementById("box"); //获取大盒子
var smallbox = document.getElementsByClassName("bg-one"); //获取小盒子
var startbtn = document.getElementById("btn-one"); //获取开始按钮
var stopbtn = document.getElementById("btn-two"); //获取结束按钮

//获取随机色的函数-rgb
function getRandomColor() {
    var rgb = 'rgb(' + Math.floor(Math.random() * 255) + ','
        + Math.floor(Math.random() * 255) + ','
        + Math.floor(Math.random() * 255) + ')';
    return rgb;
}

//获取点击按钮事件
startbtn.onclick=function startClick () {
    for (var i = 0; i < smallbox.length; i++) {
        smallbox[i].style.backgroundColor = getRandomColor();
    }
}

该问题已被官方收录

如何随机取得小格子中的3个格子

1

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" name ="viewport" content ="width=device-width,initial-scale=1.0">
    <title>九宫格</title>
    <link href="task1.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <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>
    <button id="start" onclick="start()">开始闪</button>
    <button id="end" onclick="end()">结束闪</button>
    <script src="task1.js"></script>
</body>
</html>

该问题已被官方收录

1

1

事件函数变量

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>prompt</title>
  <script type="text/javascript">
  function rec(){
	var score; //score变量，用来存储用户输入的成绩值。
	score = prompt("输入你的成绩");
	if(score>=90)
	{
	   document.write("大佬，惹不起!");
	}
	else if(score>=75)
    {
	   document.write("哎呦，不错吆!");
	}
	else if(score>=60)
    {
	   document.write("60分万岁!");
    }
    else if(score>=0)
	{
       document.write("你个渣渣!");
	}
	else if(score===null)
	{
	    document.write("坦白从宽!")
	}
  }
  </script>
</head>
<body>
    <input name="button" type="button" onClick="rec()" value="点击我，对成绩做评价!" />
</body>
</html>

该问题已被官方收录

为什么null>=0是true

1

1

数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

null>=0;
true

去第页

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