发表于: 2017-03-30 23:06:37
1 555
今天完成的事情
完成了任务1
设定一个函数begin
每次执行函数第一步就是把颜色初始化
然后获取三个随机数
给number数组,然后进行判断是否重复
随机获取三个颜色
给colors数组,然后判断是否重复
function begin() {
for (var i = 0; i < divs.length; i++) {//颜色初始化
divs[i].style.backgroundColor = "#FFA600";
}
for (var i = 0; i < 3; i++) {//获取三个随机数
numbers[i] = Math.floor(Math.random() * 9);
//判断是否重复
if (numbers[0]==numbers[1]||numbers[1]==numbers[2]){
i-1;
}
}
for (var i = 0; i < 3; i++) {//颜色随机
colors[i] = '#' + (Math.random() * 0xffffff << 0).toString(16);
//判断是否重复
if (colors[0] == colors[1] || colors[1] == colors[2]) {
i-1;
}
最后一个for循环,遍历divs,然后将数组分别给divs【numbers【i】】和colors【i】
for (var i = 0; i < divs.length; i++) {//开始执行颜色变幻
divs[numbers[i]].style.backgroundColor = colors[i];
}
然后清除定时器,还原颜色
bt_over.onclick = function () {//清除定时器
clearInterval(time);
for (var i = 0; i < divs.length; i++) {
divs[i].style.backgroundColor = "#FFA600";
}
}
看了高程
看了前三章的的高程
语法:区分大小写,标识符:第一个字符必须是字母,下划线火影美元符号$
数据类型
字符串、数字、布尔、数组、对象、null、undefined
数值转换
number()
parseint()
parsefloat()
开了阿里云的虚拟云主机
备案很麻烦
明天计划的事情
继续看高程
在看一遍第三章,开始看第四章
开始进行任务2
完成css布局和样式,思考js
遇到的问题
任务一中,在进行随机数重复判断时,如果相等时,我给的条件是重新执行函数begin,由于递归调用的次数太多,结果搞成了死循环
收获
小课堂
javascript的数据类型
JavaScript中有5种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和String。还有1种复杂数据类型——Object,Object本质上是由一组无序的名值对组成的。
typeof操作符
介于JavaScript是松散类型的,因此需要有一种手段来检测给定变量的数据类型——typeof就是负责提供者方面信息的操作符。对一个值使用typeof操作符可能返回下列某个字符串:
● "undefined"——如果这个值未定义;
● "boolean"——如果这个值是布尔值;
● "string"——如果这个值是字符串;
● "number"——如果这个值是数值;
● "object"——如果这个值是对象或null;
● "function"——如果这个值是函数;
Undefined类型
Undefined类型只有一个值,即特殊的undefined。在使用var声明变量但未对其加以初始化时,这个变量的值就是undefined
Null类型
Null类型是第二个只有一个值的数据类型,这个特殊的值是null。从逻辑角度来看,null值表示一个空对象指针,而这也正是使用typeof操作符检测null时会返回"object"的原因
Boolean类型
该类型只有两个字面值:true和false。这两个值与数字值不是一回事,因此true不一定等于1,而false也不一定等于0。
Number类型
这种类型用来表示整数和浮点数值,还有一种特殊的数值,即NaN(非数值 Not a Number)。这个数值用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)
String类型
String类型用于表示由零或多个16位Unicode字符组成的字符序列,即字符串。字符串可以由单引号(')或双引号(")表示。
Object类型
对象其实就是一组数据和功能的集合。对象可以通过执行new操作符后跟要创建的对象类型的名称来创建。而创建Object类型的实例并为其添加属性和(或)方法,就可以创建自定义对象。
评论