js时间与定时器

一、定时器

 		// 定时器 
        // 根据设定的时间间隔,来循环执行程序
        // 只要定时器不停止,程序就会一直执行

        // setInterval( 参数1 , 参数2 )
        // 参数1:要执行的程序,必须是一个函数的形式 function(){ 定义程序 }
        // 参数2:执行程序的间隔时间  单位是毫秒 
        //       时间间隔不能无限小,与计算机的刷新频率有关
        //       60Hz   60赫兹  代表,1秒刷新60次
        //       1次就是 1000 / 60 ---- 16.666... 毫秒
        //       你定义的程序的时间间隔,不能小于 16.6666... 毫秒
        //       我们一般都定义最少 0.1秒,也就是 100毫秒 

        // 每间隔1000毫秒,也是一秒,重复执行 function(){}中的程序

        // 将定时器,存储在一个变量中
        var interval1 = setInterval( function(){
            document.write('张老师帅极了' + '<br>');
        } , 1000);

        var interval2 = setInterval( function(){
            document.write('张老师不仅帅,还是非常帅' + '<br>');
        } , 1000);

        //     变变量中,存储的是当前 这个定时器 的 序号
        //     这个序号,表示当前这个定时器,是整个程序中的第几个定时器
        //     编号是从1开始编号的
        //     所谓的清除定时器,实际上就是关闭整个程序中的第几个定时器
        console.log(interval1);
        console.log(interval2);

         // 终止定时器
        // 要终止定时器的执行,需要有两个条件
        // 1,使用一个变量,来存储定时器
        // 2,使用清除定时器方法,参数是这个定时器的变量

        // 如果程序中,有多个定时器,清除哪个,就停止哪个
        // 即时写多个参数,也只对第一个参数清除定时器
        clearInterval(interval1);

date()对象

创建date对象以及查看相关信息

 // date对象
        // 是JavaScript中,提供的,存储时间的对象
        // 使用时,需要先创建一个时间对象

        // 使用 JavaScript 提供的方法,创建一个时间对象
        // 通过 Date() 创建的 对象中,包含很多的方法,都是JavaScript规定好的,可以直接使用
        // 存储的时间信息,是程序执行时的 当前时间
        var d = new Date(); //创建date对象
        console.log(d);   // 向控制台输出内容
        console.dir(d);   // 查看对象的内容信息

结果

调用方法

 var d = new Date(); //创建date对象
        console.log(d);   // 向控制台输出内容
        console.dir(d);   // 查看对象的内容信息
        // 1, getFullYear()  获取4位年份数值
        var year = d.getFullYear() ;
        console.log(year);

        // 2, getMonth()     获取月份
        // JavaScript规定,获取的月份,数值是 0-11 , 0表示1月份,11表示12月份
        // 实际月份的数值,是获取结果 +1
        var month = d.getMonth() + 1;
        console.log(month);

        // 3, getDate()      获取日期

        var date = d.getDate();
        console.log(date);

        // 4, getDay()       获取星期
        // JavaScript规定,获取星期的结果是 0-6的数值 
        // 0表示 星期日   1表示 星期一 ....  6表示 星期六
        var week = d.getDay();
        console.log(week);  

        // 5, getHours()     获取小时
        var house = d.getHours();
        console.log(house);

        // 6, getMinutes()     获取分钟
        var minute = d.getMinutes();
        console.log(minute);

        // 7, getSeconds()     获取秒
        var second = d.getSeconds();
        console.log(second);

        // 总结:
        // 获取的月份 是 0 - 11 的数值
        //     实际月份与获取的数值,相差1
        // 获取星期 程序语法 是 getDay()
        // 获取星期 结果是 0 - 6 的数值  0 表示星期日
        

结果：

时间戳

<script>
        // 时间戳
        //   在JavaScript程序中,所谓的时间戳,值得是
        //      当前时间和 格林尼治时间 1970年1月1日,0点0分0秒,相差的毫秒数
        // 简单理解,就是从 格林尼治时间 1970年1月1日,0点0分0秒,到现在,过了多少毫秒     

        var d = new Date();

        var times = d.getTime();

        console.log(times);

        // 实际项目中,时间戳,往往用于计算时间,来衡量时间差
        // 例如 : 秒杀倒计时  
        //     秒杀 是 4月1日 0点0分0秒开始
        // 4月1日 0点0分0秒 这个时间有 时间戳
        // 当前时间 也会有 时间戳
        // 两个时间戳相减 结果是 两个时间之间的时间差,单位是毫秒
        // 再将这个毫秒,转化为 天,小时,分钟,秒,就是我们要的结果

        // 获取2020年4月1日0点0分0秒的时间戳
        // 获取指定时间的时间对象, Date()参数是要获取的时间的字符串
        //     '年-月-日 空格 小时:分钟:秒'
        // 有参数,获取指定时间的时间对象
        var end = new Date('2020-4-1 0:0:0');

        // 当前的时间对象,没有参数,获取当前时间对象
        var start = new Date();

        // 计算时间差,应该是 最终的事件的时间戳,减去当前时间的时间戳
        // 时间单位是 毫秒, 需要转化为秒 1秒 = 1000毫秒
        // 转化的秒数,是小数,我们只要整数部分,取整
        // parseInt()   Math.ceil()   Math.floor()  
        
        // end - start 直接使用时间对象相减 也可以获取 时间差
        // 一些低版本的浏览器,还有一些IE版本的浏览器,对这样时间对象直接相减,操作不支持

        var times = parseInt( ( end.getTime()  - start.getTime()  ) / 1000 ) ;

        console.log(times);

        // 需要将时间差的秒数 转化为 天,小时,分钟,秒等信息

        // 1,将秒,转化为天
        // 秒数 / 一天的秒数  对结果取整 只获取整数部分
        // parseInt() 或者 Math.floor()

        var day = parseInt( times / (24*60*60) ) ;
        console.log(day);

        // 2, 将 转化为 天数之后, 剩余的秒数, 转化为 小时
        //    而不是所有的秒数

        // 方法1: 总秒数 - 天数所代表的秒数 --- 是我们要转化为小时的秒数
        // var a = times - day*(24*60*60);
        // console.log(a);

        // 方法2: 总秒数 % 一天的秒数  求余数
        //        将所有的秒数,都转化为天,之后剩余的余数,就是我们要求的数值,也就是转化为小时的秒数
        // var b = times % (24*60*60);
        // console.log(b);

        // 转化为小时的秒数 / 一小时有多少秒  结果,获取整数部分

        var hour = parseInt( ( times % (24*60*60) ) / (60*60) );
        console.log(hour);

        // 3 , 将 剩余的秒数,转化为分钟
        // 方法1:总秒数 - 天数的秒数 - 小时的秒数  
        // 方法2: 总秒数 % 小时的秒数  

        //  剩余的秒数 / 分钟的秒数  获取整数部分

        var minute  = parseInt( ( times % (60*60) ) / 60 );
        console.log(minute);

 
        // 4 , 求剩余的秒数
        // 方法1 : 总秒数 - 天的秒数 - 小时的秒数 - 分钟的秒数
        // 方法2 : 总秒数 % 一分钟的秒数

        var second = times % 60 ;
        console.log(second);

        document.write( `距离结束时间,还有${day}天,${hour}小时,${minute}分钟,${second}秒,请您抓紧时间付款,或者找老公付款` );

    </script>

结果：