Tip: You can modify some of the code before running
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "content=" text/html; Charset=utf-8 "/> <title> simple Web clock </title> <style> body,div{margin:0;padding:0; Body{color: #fff; font:16px/1.5 5fae8f6f96c59ed1;} #clock {width:300px;text-align:center;background: #1a1a1a; margin:10px auto;padding:20px 0;} span{color: #000; width : 80px;line-height:2;background: #fbfbfb; border:2px solid #b4b4b4; margin:0 10px;padding:0 10px;} </style> <script> window.onload = function () {var oclock = document.getElementById ("clock"); var Aspan = Oclock.getelementsbytagname ("span"); SetInterval (gettimes, 1000); Gettimes (); function Gettimes () {var odate = new Date (); var adate = [Odate.gethours (), Odate.getminutes (), Odate.getseconds ()]; for (var i in adate) aspan[i].innerhtml = Format (Adate[i])} function Format (a) {return a.tostring (). Replace (/^ (d) $/, "0$1")}} </script> </pead> <body> <div I d= "Clock" > <span></span> point <span></span> minutes <span></span> sec </div> </ body> </ptml></td> </tr> </table>
Tip: You can modify some of the code before running
