一个简单的 js 时间对象创建

huanying2015 2017-12-10 原文

JS中获取时间很常见，凑凑热闹，也获取一个时间对象试试

首先，先了解js的获取时间函数如下：

var myDate = new Date(); //创建一个时间对象

myDate.getYear(); // 获取当前年份（2位）

myDate.getFullYear(); // 获取当前完整的年份（4位，1970—-？？？）

myDate.getMonth(); // 获取当前月份（0–11, 0 代表1月）

myDate.getDate(); // 获取当前是哪一日（1—-31）

myDate.getDay(); // 获取当前是哪一天，即星期几（0—6 ，0代表星期天）

myDate.getTime(); // 获取当前时间的毫秒数（从1970.1.1开始计算）

myDate.getHours(); // 获取当前时间的小时数（0—23）

myDate.getMinutes(); //获取当前时间的分钟数（0—59）

myDate.getSeconds(); // 获取当前时间的秒数（0—59）

myDate.getMilliseconds(); // 获取当前时间的毫秒数（0—999）

myDate.toLocaleDateString(); // 获取当前时间的日期

myDate.toLocaleTimeString(); // 获取当前时间

myDate.toLocaleString(); //获取当前日期与时间

创建一个时间如下：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4   <meta charset="UTF-8">
 5   <title>Document</title>
 6   <style>
 7     .box{
 8       margin:200px auto;
 9       width:400px;
10     }
11     span,code{
12        display: inline-block;
13        font-size: 75px;
14     }
15   </style>
16   <script>
17       window.onload = function(){
18 
19         function OTime(){
20           this.aspan = document.querySelectorAll('.box span');
21         };
22         OTime.prototype.todouble = function( n ){
23           return n>10 ? '' + n : '0'+ n ;
24         };
25         OTime.prototype.getcurtime = function(){
26           var odate = new Date();
27           var OHour = odate.getHours();
28           var OMin = odate.getMinutes();
29           var OSec = odate.getSeconds();
30           return this.todouble( OHour ) + this.todouble( OMin ) + this.todouble( OSec ) ;
31         };
32         OTime.prototype.setcurTime = function(){
33           var str = this.getcurtime();
34           for(var i=0;i<this.aspan.length;i++){
35             this.aspan[i].innerHTML = str.charAt( i );
36           };
37         };
38         OTime.prototype.showtime = function(){
39           this.setcurTime();
40           var that = this ;
41           setInterval(function(){
42             that.setcurTime();
43           },1000);
44         };
45         var curtime = new OTime();
46         curtime.showtime();
47 
48       };
49   </script>
50 </head>
51 <body>
52   <div class="box">
53       <span>2</span>
54       <span>2</span>
55       <code>:</code>
56       <span>1</span>
57       <span>1</span>
58       <code>:</code>
59       <span>3</span>
60       <span>3</span>
61   </div>
62 </body>
63 </html>