Date类型：了解日期和时间

Date是javascript中的引用数据类型之一，如果要处理日期、时间，一般都会用到Date类型。不过，要正确地使用Date，还应该了解日期和时间有关的概念。就从Date类型的方法开始吧。

创建Date

下面这段代码用了不同的形式，创建了一个名为teaTime的变量，并赋值为Date类型值，时间是最近的某一个时间点：

// one way
var teaTime = new Date("Aug 21 2014 16:40:14");

// equivalent to...
var teaTime = new Date(2014, 7, 21, 16, 40, 14);

其中，构造函数Date传入了两种参数，来赋值给teaTime。不过，它们的效果是相同的，都代表同一个时间点。实际上，构造函数Date接收的参数是一个从1970年1月1日凌晨0点到希望设定的时间点的毫秒数（可以为负，表示在此之前）。上面的例子为什么可行呢？这是因为对于第一种字符串形式的单个参数，会在后台先调用Date.parse()方法转化为毫秒数。类似的，第二种数字形式的多个参数（你可能还发现了月份是以数字0~11来表示的），会在后台调用Date.UTC()方法转化为毫秒数。

UTC？这是什么？

UTC

UTC是指协调世界时，是最主要的世界时间标准。这个缩写也是有来源的，英语中它是CUT（Cooordinated Universal Time），而法语中它是TUC（Temps Universel Coordonné），由于被希望协调世界时在所有语言中有统一的缩写，最后妥协使用了这个[UTC][]（竟然妥协了！）。

UTC是以[原子时][]秒长为基础的。也许你还有印象，在国际单位制（SI）中，只有7个基本单位，秒（s）就是其中之一，用的就是原子时。因此，UTC足够精确，被作为现今使用的标准时间。

与UTC非常有关的是另一个经常被提及的时间标准，GMT。

GMT

GMT是指格林尼治标准时间，它对应位于英国伦敦郊区的皇家格林威治天文台的标准时间。[GMT][]（Greenwich Mean Time）受地球自转影响，可能有较大误差，因此GMT已经不再被作为标准时间使用（也就是说，现在用UTC作为标准）。不过，如果不考虑小于0.9秒的差异，GMT和UTC的时间可以认为是一样的。

Date.parse()可用的字符串格式

从前文可以知道，由于并不方便直接传入一个相对于1970年1月1日凌晨0点的毫秒数，通常我们都用Date.parse()和Date.UTC()所支持的参数形式。其中，Date.parse()是接收表示日期的字符串参数，如果格式不对，将返回NaN。

Date.parse()可用的表示日期的字符串包括RFC2822[]。此外，可能会支持一些其他的格式，但因地区、浏览器差异，不能确保可用（所以，建议不使用）。

其中，ISO 8601的格式，例如下面这样的写法：

var teaTime = new Date("2014-08-21T18:11:35");

只有兼容ECMAScript 5的浏览器才可用。以我自己的测试结果而言，IE8及以下不支持（返回NaN），请注意。

当前时间

Date构造函数的另一个非常常用的用法是，不传递参数，这时候，新创建的对象将自动获得当前日期和时间。由于这里获得的当前时间是运行javascript的设备的系统时间，所以如果你自己手工更改了系统时间至不和真实情况一致，则javascript返回的结果也同样不和真实情况一致。

在指定时间内阻塞javascript代码，可以用Date实现：

var start = new Date();
while (new Date() - start < 1000) {
// wait 1 second...
};

这可以用于某些测试。

超出范围的时间值

如果使用超出范围的时间值，不同的浏览器会有不同的处理。例如，在写本文的时间点，我测试了Aug 20 2014 15:75:32这样的值，Firefox 31会将其处理为Aug 20 2014 16:15:32，Chrome 36和IE9+返回Invalid Date，IE8-返回NaN。

可见，要保证正常运行，最好的做法是保证输入的就是合法的时间值。

不使用new关键字的情况

如果不使用关键字new，也就是说，直接调用Date()，则无论传什么参数，都返回一个String字符串数据，其内容是当前时间，相当于Date.now().toString()的结果：

// will get a string like "Fri Aug 22 2014 10:10:08 GMT+0800"
var teaTime = Date("Aldnoah Zero");

显示一致的时间信息

使用Date类型，一般是为了在页面中显示时间信息。不过，事实情况是，Date类型所有的将日期格式化为字符串的方法，包括toString()和toLocaleString()，其结果都因浏览器不同而不同。因此，如果要显示一致的时间信息，应该使用getFullYear()、getMonth()等get方法依次获取时间中的数字信息，然后自己以字符串组合的方式来组成自己想要的时间信息。例如：

var time = new Date("Aug 22 2014 16:40:54"),
timeString = "";

timeString += time.getFullYear() + "-";
timeString += (time.getMonth() + 1) + "-";
timeString += time.getDate() + " ";
timeString += time.getHours() + ":";
timeString += time.getMinutes() + ":";
timeString += time.getSeconds();

alert(timeString); // 2014-8-22 16:40:54 in all browsers

需要注意的是，get方法有类似getUTCHours()和getHours()这样以UTC作为分别的情况。UTC系列的get方法返回的是前面所说的世界标准时间，时区上说就是零时区。而不带UTC的get方法返回的是当地时间。由于我们一般会用到的时间都是当地时间（比如国内是东八区，记为UTC/GMT +0800），所以基本只会用到getHours()这种形式的方法。

有关详细的Date类型的方法，请参考[MDN对Date的解释][]。

获得时区信息

Date类型有一个getTimezoneOffset()的方法，它可以用来分析本地与UTC时间之间的时差。比如我自己这里调用的结果：

// -480 while I'm in china
var hereTimeOffset = new Date().getTimezoneOffset();

它的结果是本地时间和UTC时间相差的分钟数（而且是 UTC - 本地时间）。如果这个“本地”进入夏令时，这个值会有变化。

什么是夏令时？

DST

DST是指夏令时间，也叫做日光节约时间（Daylight saving time）。它是由部分国家所实施的在一年中的某一时间段（以夏季为中心，例如美国的4月到10月）内，将时间拨快1小时，以充分利用夏季较长的日光时间，节约能源的时间制度。在实行夏令时的国家中，不同国家也会有不同的夏令时实施日期。

为什么说DST会影响到getTimezoneOffset()这个值呢，看看Windows 7里的日期和时间选项：

可见，夏令时已经被集成在系统内，会对应地改变系统时间，从而影响结果。不过，你可以从上面看到，中国未实行夏令时，所以不必担心受到影响，在此了解一下就可以了。

倒计时的制作方法

如何制作一个倒计时？

首先，需要明确的是，javascript的每一个Date对象表示的虽然是一个时间点，看起来包括年月日时分秒等多重信息，但它实际是由单个数字信息体现的，这个数字就是相对于1970年1月1日凌晨0点UTC的毫秒数。因此，将时间点对应的毫秒数，做减法，然后将差值结果（也是毫秒数）依次转化为其他不同级别的时间单位，就可以得到倒计时信息。

你可以参考[How to create a simple javascript countdown timer][]。

结语

最近在完成某个日期和时间有关的功能时，发现自己对诸如UTC这样的概念都没有什么印象。所以，果断地自己补习了一下，然后整理成了这篇文章。

（重新编辑自我的博客，原文地址：http://acgtofe.com/posts/2014/08/a-tale-of-date）