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>
?
運行結果：
?
