经典案例H5电商设计联系报价
微信联系
手机联系
QQ联系
微信联系
手机联系

用JavaScript如何处理时间和日期?

发布时间:2019-07-10
发布者:eidea
浏览次数:5225

Javascript如何处理时间和日期?


ECMAScript提供了Date类型来处理时间和日期。Date类型内置一系列获取和设置日期时间信息的方法。

Date类型介绍

JS中的Date类型使用UTC(Coordinated Universal Time,国际协调时间)自1970年1月1日0时开始经过的毫秒数来保存时间。

使用new操作符创建一个日期对象;在调用Date构造函数而不传递参数的情况下,新创建的对象自动获得当前的日期和时间。

实例1

<script type="text/javascript">
 vardate = new Date();
 alert(date); //Fri Jul 13 2018 05:54:16 GMT+0800 (中国标准时间)
</script>

创建特定的日期和时间

var date = new Date(年,月(0~11),日(1-31),时(0~23),分,秒); //年、月为必需,其它可选,默认为0

实例2

<script type="text/javascript">
var date = new Date(2015,4,15,17,55,55); //Fri May 15 2015 17:55:55 GMT+0800
//Date.now()方法,返回一个从1970年1月1日0时开始到调用这个方法的此时此刻经过的毫秒数。
var date = Date.now(); //1531432716661
</script>

时间、日期组件方法


• getTime(),返回毫秒数,//setTime(),以毫秒设置日期,会改变整个日期。

• getFullYear(),返回年份,以4位数表示。//setFullYear(),设置日期的年月,必须以4位数表示。

• getMonth(),返回月份,0~11。

• getDate(),返回天数,1~31。

• getDay(),返回星期几,0~6。

• getHours(),返回小时数,0~23。

• getMinutes(),返回分钟数,0~59。

• getSeconds(),返回秒数,0~59。

• getMilliseconds(),返回毫秒数。

实例3

<script type="text/javascript">

var date = new Date();
alert("现在的时间是:"+date.getFullYear()+"年"+date.getMonth()+"月"+date.getDate()+"日"+date.getHours()+"时"+date.getMinutes()+"分"+date.getSeconds()+"秒。");
//现在的时间是:2018年6月13日6时4分30秒。
</script>

总结

通过本篇文章,你可以学到以下知识点:


1.日期的类型;

2.如何创建特定的日期和时间;

3.时间、日期组件方法;

fun88案例欣赏

合众生物股份

响应式企业fun88

奇柯集团

响应式企业官网

豪爵摩托车产品H5专题页制作

产品H5专题页制作