内置对象 Date

1、内置对象
    a)语言自带的对象
    b)提供了常用的,基本的功能 
 
 Date
1、定义的方法 
        a) 获取当前时间
var date1=new Date();
    console.log(date1)

   b)自定义时间 (2017/09/15)兼容性好,很常用

 

 Date对象的方法
1、getDate():获取日期 (一个月 1-31)
2、getDay() :获取星期(0-6)0代表周日    很特别
3、getMonth(): 获取月份(0-11 )0代表12月    很特别
4、getFullYear(): 获取完整年份
5、getHours(): 获取小时0-23
6、getMinutes(): 获取分钟0-59
7、getSeconda(): 获取秒0-59
8、getMilliseconda(): 获取毫秒(1s=1000Ms)
9、getTime() :返回累计毫秒数(从1970/1/1午夜) 很特别
毫秒 / 1000 =  秒值 /60  = 分钟 /60 = 小时 / 24=天数 
 
获取累计毫秒数
var date1=Date.now();
var date2=+new Date();
var date3=new Date().getTime();//最常用
var date4=new Date().valueOf()
 
案例
 
模拟日历
  //模拟日历
    //需求:每天打开这个页面都能定时显示年月日和星期几
    //创建一个当前的日期对象
    var date=new Date();
    //获取当前的年月日星期
    var year=date.getFullYear();
    var month=date.getMonth();
    var dates=date.getDate();
    var day=date.getDay();
    //console.log("今天是:"+year+"年"+month+"月"+dates+"日"+day)
    //定义星期数组
    var arr=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
    //赋值到div里面去
    var div=document.getElementsByTagName("div")[0];
        div.innerHTML="今天是:"+year+""+(month+1)+""+dates+""+arr[day]

 

 苹果发布会倒计时

 //苹果发布会倒计时,用现在的时间剪去到计算的
    //获取相关元素 定义一个定时器 获取现在的时间 和 发布会的时间
    var div=document.getElementsByTagName("div")[0];
    var time=setInterval(fn,100);
        function fn(){
            var nowtime=new Date();
            var future = new Date("2017/9/15 19:23:00");
            //吧时间换算成毫秒,现在的时间减去距离发布会的时间
            var timeSum=future.getTime()-nowtime.getTime();
            //把剩余的时间,转换成天,时,分,秒,
            //转换成天 转换成整数
            var day=parseInt(timeSum/1000/60/60/24);
            //转换成时 转换成整数
            var hour=parseInt(timeSum/1000/60/60%24);
            //转换成分钟 转换成整数
            var minute=parseInt(timeSum/1000/60%60);
            //转换成秒 转换成整数
            var sec=parseInt(timeSum/1000%60);
            //转换毫秒 转换成整数
            var second=parseInt(timeSum%1000);
            //处理小bug 当小于10的的时候,步0 毫秒补00
            //天 处理后再把值赋值给原来的变量
            day=day<10?"0"+day:day;
            hour=hour<10?"0"+hour:hour;
            minute=minute<10?"0"+minute:minute;
            sec=sec<10?"0"+sec:sec;
            //毫秒补零
            if(second<10){
                second="00"+second
            }else if(second<100){
                second="0"+second
            }
        //判断苹果倒计时,然后显示开启 清除定时器
            if(timeSum<0){
                div.innerHTML="距离苹果发布会还有00天00小时00分00秒000毫秒";
                clearInterval(time);
                return
            }else {
                //赋值给div
                div.innerHTML="距离苹果发布会还有"+day+""+hour+"小时"+minute+""+sec+""+second+"毫秒"
            }
        }

 

 

posted @ 2017-09-27 19:40  Me*淡定  阅读(233)  评论(0编辑  收藏  举报