js date setInterval 时间 时钟 getFullYear ,JavaScript

js 创建时钟:

1.参考链接:  注意 getYear  (两位 或者 四位) 改成 getFullYear

　　js操作时间

2.实例:

html:

 <span class="glyphicon glyphicon-time" style="color:#fff; padding-left: 10px;"></span> <span style="color:#fff;" id="etime"></span>

js:

         function curDateTime(){
             var d = new Date();
             var year = d.getFullYear();
             var month = d.getMonth()+1;
             var date = d.getDate();
             var day = d.getDay();
             var hours = d.getHours();
             var minutes = d.getMinutes();
             var seconds = d.getSeconds();
             var ms = d.getMilliseconds();
             var curDateTime= year;
             // console.log(year);
             if(month>9)
             curDateTime = curDateTime +"-"+month;
             else
             curDateTime = curDateTime +"-0"+month;
             if(date>9)
             curDateTime = curDateTime +"-"+date;
             else
             curDateTime = curDateTime +"-0"+date;
             if(hours>9)
             curDateTime = curDateTime +" "+hours;
             else
             curDateTime = curDateTime +" 0"+hours;
             if(minutes>9)
             curDateTime = curDateTime +":"+minutes;
             else
             curDateTime = curDateTime +":0"+minutes;
             if(seconds>9)
             curDateTime = curDateTime +":"+seconds;
             else
             curDateTime = curDateTime +":0"+seconds;
             return curDateTime;
     }

     function etime()
     {
         var etime = curDateTime();
         $("#etime").html(etime);
     }

页面加载完成调用:

         $(function() {

             //显示时间
             setInterval('etime()', 1000);

         });

效果: