JS Create clock:
1. Reference Link: note getYear (two-bit or four-bit) changed to getFullYear
JS operation time
2. Example:
Html:
1 < class= "Glyphicon glyphicon-time" style= "color: #fff; padding-left:10px;" ></ span > < style= "color: #fff;" ID = "ETime" ></ span >
ls|
1 functionCurdatetime () {2 varD =NewDate ();3 varYear =d.getfullyear ();4 varmonth = D.getmonth () +1;5 varDate =d.getdate ();6 varDay =D.getday ();7 varHours =d.gethours ();8 varminutes =d.getminutes ();9 varseconds =d.getseconds ();Ten varms =d.getmilliseconds (); One varCurdatetime=Year ; A //Console.log (year); - if(month>9) -Curdatetime = Curdatetime + "-" +month; the Else -Curdatetime = curdatetime + "-0" +month; - if(date>9) -Curdatetime = Curdatetime + "-" +date; + Else -Curdatetime = curdatetime + "-0" +date; + if(hours>9) ACurdatetime = Curdatetime + "" +hours; at Else -Curdatetime = Curdatetime + "0" +hours; - if(minutes>9) -Curdatetime = Curdatetime + ":" +minutes; - Else -Curdatetime = curdatetime + ": 0" +minutes; in if(seconds>9) -Curdatetime = Curdatetime + ":" +seconds; to Else +Curdatetime = curdatetime + ": 0" +seconds; - returnCurdatetime; the } * $ functionetime ()Panax Notoginseng { - varETime =curdatetime (); the$ ("#etime"). HTML (etime); +}
Page Load Completion call:
1 $ (function() {23 // display time 4 setinterval (' ETime () ', (+); 5 6 });
Effect:
JS Date setinterval Time Clock getFullYear, JavaScript