发表于: 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);
只能理解那么多
评论