发表于: 2016-03-25 01:23:13
1 3362
1,今天完成的事情:任务1做完了。
2,明天计划的事情:把任务2的页面编写完毕。
3,遇到的问题:就是console.log()括号里面的内容不知道怎么填写了。把变量带进去不管用。最后问了周志文师兄,才知道。(div的随机数+格子+颜色随机变量);就可以实现出现调试。
不会把颜色随机数组和盒子随机数组,联系在一起。最后请教了周志文师兄,给我讲讲怎么用。真的感谢他,给我讲解。
4,收获:
任务1:首先设置定时器:有两种,一种循环定时器:setInterva("变量名;",时间);
一种倒计时定时器:应用在打开什么东西之后几秒出现另一个东西。setTimeout("变量名;";时间)
设置随机数:一共2个。一个是九宫格的。一个是颜色的。
var numeral=Math.floor(Math.random()*9);
var 变量名字=向下取整(0.0-0.9乘以9).因为是9个格子(div)。
随机数值就变成了:0-8.九个数值,可能需要帮助的师弟看见我的会不理解,那我解释一下,顺便我自己也多熟悉熟悉,都是背写的有错的地方,师兄及时让我更正,并批评,谢谢。
随机数:
1. Math.ceil()用作向上取整。
2. Math.floor()用作向下取整。
3. Math.round() 我们数学中常用到的四舍五入取整。
我为什么用向下取整呢?
因为随机数是从0-1,不包含1的。一个一个说:
第一种:Math.ceil()向上取整,就是1.1-1.9都取2. 1.01也取2,向上取整这就是。
要是用向上取整的话,那么就得乘以8,得到9个数值。
第二中:Math.floor()向下取整,就是1.1-1.9取1 1.99也取1,向下取整这就是。
要是用向下取整的话,那么就得乘以9,得到9个数值。
第三中:Math.round()四舍五入,这个就知道了吧,不知道就翻一下小学三年级上册的数学书。
要是用四舍五入的话,那么久的乘以9,也是9个数值。【感觉和向下取值乘以的一样,总觉得四舍五入应该还有点东西,不然和第二种没什么区别,现在还没有理解到那里,只是感觉】
好了以上介绍完了3种九宫格的随机数。那么建立出来。在建立颜色的随机数。同样道理。
随机数也建立完成了。那么就创建数组吧。
颜色的数组,因为调用颜色,所以:这个是创建数组的语法:
var arrayObj = new Array(); //创建一个数组
var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
var arrayObj = new Array([size], [size2],[size3]); //创建一个数组并赋值
var color=["red","green","blue"];
以上是一个颜色的数组
颜色数组也有了,随机数也有了,接下来就直接引用来修改背景颜色:
例如:
var x=document.getElementById("box").getElementsByTagName("div");
x[numeral].style.backgroundColor=color[numeral2];
第一个就是声明。变量x是ID选择器box下的div,
第二个就是div的随机数的背景样式颜色为,随机的颜色。
把上面的都连贯起来就是任务一js的主要代码。
这里谢谢周志文师兄。
任务一地址:http://119.10.57.69/ptt004/ppt299/js-task/task1/index.html
评论