前端基本功:JS必记知识点+案例(五)时间

日期函数 ( Date() )

这个函数 (对象) 可以设置我们本地 日期。 年月日 时分秒

1.声明日期

var date = new Date();

创造声明一个新的日期函数 赋值给了 date
var arr = new Array();

2.使用函数

得到 毫秒数 ms s m h
从 1970 年1 月1号 unix 32位 68年
2038 千年虫 64 位

var date = new Date();
date.getTime();
date.valueOf(); 得到 距离 1970年的毫秒数

var date  = new Date();  // 声明
console.log(date.getTime());  // 提倡使用的
console.log(date.valueOf());

// 直接使用
console.log(Date.now());
console.log(+new Date());

常用的日期的方法

前端基本功:JS必记知识点+案例(五)时间_第1张图片
常用的日期的方法

案例:日历(获取当前时间)

前端基本功:JS必记知识点+案例(五)时间_第2张图片
日历样式图



    
    
    
    


定时器

很多情况下,一些操作不需要人工干预, 代码自己会不断的去执行 。
而且会有时间的绑定 。 比如每隔 5秒钟就去执行一次事件。

我们可以设定时间 让某个动作不断的去执行 。 这个我们再js 里面用定时器来表示。

window.setInterval(“执行的函数”,间隔时间)

正确的写法:

setInterval(fun, 1000); 1000 ms 毫秒

每隔1秒钟,就去执行一次 fun 这个函数.

setInterval(“fun()”,1000) 可以用
setInterval( function(){} , 1000 )
setInterval(fun(),1000) 错误的

定时器 特别的像 for 循环,但是我 的定时器最大的特点在于, 自动,可以设定时间。

案例源码:




    
    
    


 

倒计时

倒计时 = 用将来的时间 - 现在的时间

问题: 用 毫秒减去 现在距离 1970年1
将来时间 距离 1970 毫秒数
用将来的毫秒数 - 现在的毫秒数 不断转换就可以了

定义自己的日子

var endTime = new Date(“2016/12/12”);

如果date 括号里面写日期 就是 自己定义的时间
如果 date括号里面不写日期 , 就是当前时间 。

new Date(“2016/12/12 17:30:00”);

日期和时分秒中间 有空格隔开

常考面试题:

倒计时案例源码:




    
    
    
    


你可能感兴趣的:(前端基本功:JS必记知识点+案例(五)时间)