Math和Date
一、对象
1.对象的概念
对象的本质：键值对，属性名和属性值
对象的意义：存储数据，编程
对象中的变量：属性
对象中的函数：方法
2.对象的赋值
var obj = {};
var obj2 = new Object();
console.log(obj2);
obj.name = "admin";
obj2["age"] = 18;
3.对象的分类
内置对象：系统提供的
本地对象：
内置对象：
所有需要被new的对象
String();
Number();
Object();
Data();
可以直接使用的对象
Math
宿主对象：
DOM(对象模型，对应的对象是document)
document：网页
我们操作的内容都是在document上
BOM（对象模型，对应的对象是window）
window
js中的顶层对象，最大的boss，所有的内容都属于window
document也在window中
非内置对象：自己写的对象
二、Math
1.Math介绍
Math对象，提供了一些数学操作
Math.round(3.6); //4 四舍五入
Math.random()*10; // 返回一个0-9的随机数
Math.abs(-6); //6 绝对值
Math.sqrt(9); //3 开根号，算术平方根
Math.pow(3,3); //27 3的3次方
Math.max(a,b); //返回较大的值
Math.min(a,b); //返回较小的值
Math.ceil(3.6); //4 向上取整
Math.floor(3.6); //3 向下取整
Math.sin(x); //x的正弦值，返回值在-1到1之间
Math.cos(x); //x的余弦值，返回值在-1到1之间
Math属性：
Math.PI; //3.1415926... 输出PI
三、Data
1.进制转换
//十进制转其他
var x=110;
console.log(x);
console.log(x.toString(2) + "这是2");//转二进制
console.log(x.toString(8) + "这是8");//转八进制
console.log(x.toString(16) + "这是16");//转十六进制
//其他转十进制
var x='110';
console.log(parseInt(x,2));//6 二进制转十进制
console.log(parseInt(x,8));//72 八进制转十进制
console.log(parseInt(x,16));//272 十六进制转十进制
//其他转其他
//先用parseInt转成十进制再用toString转到目标进制
console.log(parseInt('ff',16).toString(2));//十六进制转十进制，再十进制转二进制
2.日期的获取
//获取当前实时总时间
var d = new Date();
console.log(d);
//获取方法
console.log(d.getFullYear); //获取年
console.log(d.getMonth); //获取月，从0开始计算，需要+1后才是正常月份
console.log(d.getData); //获取天
console.log(d.getHours); //获取小时
console.log(d.getMinutes); //获取分钟
console.log(d.getseconds); //获取秒
console.log(d.getTime); //获取的是从1970年1月1号0点到现在的总的毫秒数，称为时间戳，唯一的
3.日期格式化功能函数
// 日期格式化功能
function createDate(){
var d = new Date();
var y = d.getFullYear();
var m = d.getMonth();
var mydate = d.getDate();
var myday = d.getDay();
var h = d.getHours();
var mts = d.getMinutes();
var s = d.getSeconds();
switch(myday){
case 0:myday = "星期日";break;
case 1:myday = "星期一";break;
case 2:myday = "星期二";break;
case 3:myday = "星期三";break;
case 4:myday = "星期四";break;
case 5:myday = "星期五";break;
case 6:myday = "星期六";break;
}
return {
year:y,
month:createZero(m+1),
date:createZero(mydate),
day:myday,
hours:createZero(h),
minutes:createZero(mts),
seconds:createZero(mts)
};
}
// 数值的补零（小于10补零）
function createZero(n){
return n<10 ? "0"+n : n;
}
4.设置一个固定的日期
两种：
直接设置：创建日期时传参
字符：一个参数:可以设置局部：没有设置的部分为零
年月日的部分之间可以用". , _ /"等隔开
超出上限，Invalid Dare（意外日期对象）
var d = new Date("2008.8.8 20:8:8");
数值：多个参数：可以设置局部：没有设置的部分为零
每一部分都是一个参数(月份从0开始计算，需实际月份-1)
超出部分进1
var d = new Date(2008,7,8,8,8,8);
方法设置：set系列,接受的是数值，月份从0开始，没有设置的部分以当前时间为主，超出上限进1
分布设置
var d = new Date();
d.setFullYear(2008);
d.setMonnth(7);
d.setDate(8);
d.setHours(2008);
d.setMinutes(2008);
d.setSeconds(2008);
时间戳设置：从1970年1月1日0点，计算机元年开始计算至今过了多少毫秒
5.计算两个时间差值
// 计算两个日期之间的差值，两个日期对象可以直接计算，但是有兼容，最好先获得时间戳再计算
function dateDiff(d1,d2){
var oldDate = new Date(d1);
var newDate = d2 ? new Date(d2) : new Date();
var t = Math.abs(oldDate.getTime() - newDate.getTime());
var d = parseInt(t/1000/60/60/24);
var h = parseInt((t - d*24*60*60*1000)/1000/60/60);
var m = parseInt((t - d*24*60*60*1000 - h*60*60*1000)/1000/60);
var s = parseInt((t - d*24*60*60*1000 - h*60*60*1000 - m*60*1000)/1000);
return {
day:d,
hours:h,
minutes:m,
seconds:s
}
}
6.定时器
定时器：
setInterval(function(){
console.log(1);
},1000)
语法：
开启定时器：
setInterval(函数或者代码串，指定的时间(毫秒));
var t = setInterval(function(){
console.log(1);
},1000)
按照指定的周期(毫秒)不断的执行函数或者是代码串。
计时器初始第一次不执行，第二次才执行。（原理是先计时再执行）
清除定时器：
clearInterval();
配合事件（条件触发）
document.onclick = function(){
clearInterval(t);//清除定时器的变量值
};
延时器：
概念：延迟指定的毫秒数之后，只执行一次回调函数
setTimeout(function(){
console.log(1);
},1000)
语法：
开启延时器
setTimeout(函数或者代码串，指定的时间(毫秒));
var t = setTimeout(function(){
console.log(1);
},5000)
在指定的毫秒数后只执行一次函数或代码。
清除延迟器：在延时器启动前倒计时的时候，如果返回不想要了可以提前停止延时器
clearTimeout();
document.onclick = function(){
clearTimeout(t);//清除定时器的变量值
};