JavaScript 获取当前时间

怎么获取当前时间

第一步：

var date=new Date();

//Date 对象用于处理日期和时间

第二步：

var hours=0,minutes=0,seconds=0,year=0,mouth=0,day=0;

year=date.getFullYear();

mouth=date.getMonth();

day=date.getDay();

hours=date.getHours();

minutes=date.getMinutes(); 

seconds=date.getSeconds();

//用Date对象的方法获取年、月、日、时、分、秒

第三步：

mouth=mouth<10?'0'+mouth:mouth;

day=day<10?'0'+day:day;

hours=hours<10?'0'+hours:hours;

minutes=minutes<10?'0'+minutes:minutes;

seconds=seconds<10?'0'+seconds:seconds;

//设置一个格式——00：00：00

 

怎么在页面上显示当前时间呢？

首先，添加一个盒子，

<div id="view" class="view"></div>

再在script中获取当前盒子元素的id，

var time=document.getElementById('view');

再将时间显示出来，

time.innerHTML=year+'/'+mouth+'/'+day+'<p>'+hours+':'+minutes+':'+seconds;

 

现在还有个问题，时间是不动的，那么怎么让时间自动走动呢？

可以用setInterval()方法来实现：

 

<script>
        var id=setInterval(now,1000);
        function now(){
            var date=new Date();
            var hours=0,minutes=0,seconds=0,year=0,mouth=0,day=0;
            year=date.getFullYear();
            mouth=date.getMonth();
            day=date.getDay();
            hours=date.getHours();
            minutes=date.getMinutes();
            seconds=date.getSeconds();
            mouth=mouth<10?'0'+mouth:mouth;
            day=day<10?'0'+day:day;
            hours=hours<10?'0'+hours:hours;
            minutes=minutes<10?'0'+minutes:minutes;
            seconds=seconds<10?'0'+seconds:seconds;
            var time=document.getElementById('view');
            time.innerHTML=year+'/'+mouth+'/'+day+'<p>'+hours+':'+minutes+':'+seconds;
        }
    </script>

好了，最后实现的效果：