简单时间显示

建立此公众号，本意就是想着平时反正也是在拿着手机看微信，不如无聊时看看一些js实例，巩固并提高一下js代码编写。所以，志同道合的友友们，跟我一起，去改变世界（吹牛逼不花钱，随便吹）。

这期我们讲解一个简单的时间显示。使用一个倒计时案例巩固js的内置函数。

首先简单罗列一下要使用到的函数和方法。使用var myDate = new Date();来获取当前时间。然后在myDate变量中使用以下js内置函数提供的各种方法。。。

在本例中，其中要注意的是getDay(),getHours(),getMinutes(),getSeconds()。比如在getDay()中，返回0代表星期日，返回6代表星期六，其余以此类推。

首先是编写html结构，简单如下编写即可（本例不写css）。

接着编写js代码，首先是写在一个函数里，然后再调用函数执行代码。

接着就是在showTime函数中实现js效果了；首先获取当前时间这个对象，然后使用Date内置对象中的js方法，获取出当前时间的各个时间值。

接着在分钟和秒数中，我们希望当其为个位数时，给其加上0前缀，所以我们可以再写一个函数，然后调用它。

接着就是星期的写法了，我们知道，通过getDate()方法可以获取0-6，我们可以使用它来编写星期。这里拓展一下js中数组的创建。两种创建方式：

1. 通过var myArray = new Array();来创建一个空数组，或者var myArray = new Array(3);来控制数组的容量个数。赋值方式为 myArray[0] = ''BMW"; myArray[1] = ''volvo"; myArray[2] = ''Saab";
2. 直接创建并赋值var myArray = new Array("BWM", "volvo", "Saab");

访问和修改数组是通过数组下标来访问的：

document.write(myArray[0]); 结果是BMW;

好了，拓展完毕。现在我们来新建一个数组存储七个日期

最后，js获取元素，控制元素内容的显示，我们使用innerHTML属性来实现。

到此，网页上即可显示当前时间

但现在时间是静止的，我们在showTime函数的最后使用setTimeout函数，在500毫秒后执行showTime函数，这样就能不断调用showTime函数了，形成回调函数。

到此，showTime函数就会每500毫秒执行一次，这样获取到的时间就会不断增加了。

最后国际惯例，把整个代码贴出来

下期将会延续时间显示的js各种效果，敬请期待吧。。。

跟我一起，改变世界。