تشارك هذه المقالة رمز تنفيذ وقت الجوال JS للرجوع إليه. المحتوى المحدد كما يلي
صورة التكاثر:
رمز التنفيذ:
<! doctype html> <html> <head> <title> js flow time </itlem> <style type = "text/css"> #divh ، #divm ، #divs {font-family: concal ؛ ارتفاع الخط: 30 بكسل ؛ الموقف: مطلق ؛ اليسار: 0px ؛ العرض: 5760px ؛ اللون: أبيض. } #divh {background-color: #606 ؛ } #divm {background-color: #060 ؛ } #divs {background-color: #006 ؛ } #divh div ، #divm div ، #divs div {float: left ؛ اليمين الحدودي: رمادي الصلبة 1 بكسل. محاذاة النص: المركز ؛ } </style> </head> <body> <div style = "font-family: arial ؛ width: 400px ؛ font-size: 24px ؛"> <div id = "divtime" style = "text-align: center ؛ line-height: 1.5 ؛ id = "divh" style = "top: 0px ؛"> </viv> <div id = "divm" style = "top: 30px ؛"> </viv> <div id = "divs" style = "top: 60px ؛"> </viv> <div id = "divline" style = "sposit: inip: 0px ؛ left: 50 ٪ ؛ </viv> </viv> <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 ؛ لـ (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 ؛ لـ (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 ؛ لـ (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) ؛ وظيفة التشغيل () {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.