この記事では、参照のためのJSモバイル時間の実装コードを共有しています。特定のコンテンツは次のとおりです
複製画像：
実装コード：
<！doctype html> <html> <head> <title> js flow time </title> <style type = "text/css"> #divh、#divm、#divs {font-family：Consal; Line-Height：30px;位置：絶対;左：0px;幅：5760px;色：白; } #divh {background-color：＃606; } #divm {background-color：＃060; } #divs {background-color：＃006; } #divh div、#divm div、#divs div {float：left;国境右：ソリッド1pxグレー;テキストアライグ：センター; } </style> </head> <body> <div style = "font-family：arial; width：400px; font-size：24px;"> <div id = "divtime" style = "text-align：center; line-height：1.5;"> time </div> <div style = "outline：solid gray; id = "Divh" style = "top：0px;"> </div> <div id = "divm" style = "top：30px;"> </div> <div div = "divs" stiled = "top：60px;"> div> <div div = "divline" style = "position：" abst：0px; </div> </div> <script type = "text/javascript"> var divh = document.getElementbyId（ 'divh'）; var divm = document.getElementById（ 'divm'）; var divs = document.getElementById（ 'divs'）; var divtime = document.getElementById（ 'divtime'）; var aw = 2880; var ww = 400; var w = aw / 24; for（var i = 0; i <48; i ++）{var div = document.createelement（ 'div'）; div.style.width =（w -1） + 'px'; div.innerhtml = i％24; Divh.AppendChild（div）; } w = aw / 60; for（var i = 0; i <120; i ++）{var div = document.createelement（ 'div'）; div.style.width =（w -1） + 'px'; div.innerhtml = i％60; DivM.AppendChild（div）; } w = aw / 60; for（var i = 0; i <120; i ++）{var div = document.createelement（ 'div'）; div.style.width =（w -1） + 'px'; div.innerhtml = i％60; Divs.AppendChild（div）; } window.setInterval（run、20）; function run（）{var dt = new date（）; var h = dt.gethours（）; var m = dt.getMinutes（）; var s = dt.getSeconds（）; var f = dt.getmilliseconds（）; divh.style.left =（（h> 12）？0：-aw） + ww / 2 +（h * -120）-m * 2 + 'px'; l = 0; divm.style.left =（（m> 30）？0：-aw） + ww / 2 +（m * -48）-s / 1.2 + 'px'; l = 0; divs.style.Left =（（s> 30）？0：-aw） + ww / 2 +（s * -48）-f * 48 /1000 + 'px'; divtime.innerhtml = 'time' + h + '：' + m + "：" + s; } </script> </body> </html>上記はこの記事に関するものです。誰もがJavaScriptプログラミングを学ぶことが役立つことを願っています。