发表于: 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


返回列表 返回列表
评论

    分享到