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(); //获取当前日期与时间
创建一个时间如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.box{
margin:200px auto;
width:400px;
}
span,code{
display: inline-block;
font-size: 75px;
}
</style>
<script>
window.onload = function(){ function OTime(){
this.aspan = document.querySelectorAll('.box span');
};
OTime.prototype.todouble = function( n ){
return n>10 ? '' + n : '0'+ n ;
};
OTime.prototype.getcurtime = function(){
var odate = new Date();
var OHour = odate.getHours();
var OMin = odate.getMinutes();
var OSec = odate.getSeconds();
return this.todouble( OHour ) + this.todouble( OMin ) + this.todouble( OSec ) ;
};
OTime.prototype.setcurTime = function(){
var str = this.getcurtime();
for(var i=0;i<this.aspan.length;i++){
this.aspan[i].innerHTML = str.charAt( i );
};
};
OTime.prototype.showtime = function(){
this.setcurTime();
var that = this ;
setInterval(function(){
that.setcurTime();
},1000);
};
var curtime = new OTime();
curtime.showtime(); };
</script>
</head>
<body>
<div class="box">
<span>2</span>
<span>2</span>
<code>:</code>
<span>1</span>
<span>1</span>
<code>:</code>
<span>3</span>
<span>3</span>
</div>
</body>
</html>
运行结果：
