发表于: 2016-07-02 23:17:01

2 2359


今天完成的事情:想了很久还是不懂怎么编写出js1的代码实现效果,最后还是看了古尘的代码


明天计划的事情:明天继续做js1 ,js2


遇到的问题:懂得js的知识点,但是不懂如何应用编写出效果。没有逻辑;


收获:

全局变量这个应该是盒子编号的初始值

var lastone = 0;

封装代码

function changecolor(){

声明颜色变量

var color;

声明颜色数量

var colorsnumber;

声明颜色名字

var colorname;

获取square盒子的值

var grid = document.getElementsByClassName("square");

声明盒子数量

var gridnumber;

盒子加颜色

grid[lastone].style.backgroundColor = "#e8830d";

//取随机数赋给colorsnumber,switch表达式的颜色就会随机产生

colorsnumber=Math.floor(Math.random() * 3);//0~2随机数*/

switch表达试运行colorsnumber便会随机产生数字,便会出现相应的颜色。

    switch (colorsnumber) {

        case 0:

            color = "red";

            colorname = "红色"

满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。

            break;

        case 1:

            color = "green";

            colorname = "绿色";

            break;

        case 2:

            color = "blue";

            colorname = "蓝色";

            break;

//取随机0-8随机小数再向下取整

给每个盒子赋上switch表达式的颜色 

grid[gridnumber].style.backgroundColor = color;

可以随着每次随机数的变化,打印出以下日志 “格子 1 ” 变成了 “红色”

console.log("格子" + (gridnumber + 1) + "变成了" + colorname);

1秒调用一次盒子函数

setInterval("changecolor()", 1000);

只能理解那么多



返回列表 返回列表
评论

    分享到