Эта статья разделяет код реализации мобильного времени JS для вашей ссылки. Конкретный контент заключается в следующем
Изображение воспроизведения:
Код реализации:
<! Doctype html> <html> <head> <title> JS Time </title> <style type = "text/css"> #divh, #divm, #divs {font-family: consal; высота линии: 30px; позиция: абсолютно; слева: 0px; Ширина: 5760px; Цвет: белый; } #divh {founal-color: #606; } #divm {founal-color: #060; } #divs {founal-color: #006; } #divh div, #divm div, #divs div {float: left; граница правая: твердый 1px grey; Текст-альбом: Центр; } </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 5px gray; position:relative; overflow:hidden; height:90px;"> <div id = "divh" style = "top: 0px;"> </div> <div id = "divm" style = "top: 30px;"> </div> <div id = "div" style = "top: 60px;"> </div> <div id = "divline" style = "Положение: Absolute; Top: 0px; Left: 50%; Border-Left: Solid 1px; </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.