インターネットにデジタルクロック効果を実装するJavaScriptの多くの例がありますが、この記事では、スクロール効果のあるデジタル時計を紹介します。編集者は、効果が非常に印象的だと考えているので、以下でそれを共有します。
まず目を見張るような効果を見てみましょう
以下はコードの例です
JavaScriptコードパーツ：
window.onload = function（）{function todou（n）{return n <10？ "0"+n： ""+n;} var oimg = document.getElementsbytagname（ "img"）; setinterval（clock、1000）; clock（）function clock（）{var odate = new date（）; om = odate.getSeconds（）; var str = todou（oh）+todou（of）+todou（om）; for（var i = 0; i <oimg.length; i ++）{move（oimg [i]、{"margintop"：-35*str.charat（i）};}}}}}}}Div+CSSレイアウトパーツ：
<ul> <li> <img src = "img/num.png"/> </li> <li> <img src = "img/num.png"/> </li> <li>：</li> <li> <img src = "img/num.png"/> </li> <img = <img = "img/numg"/li> /> </li> <li> <img src = "img/num.png"/> </li> </ul>*{padding：0;マージン：0;リストスタイル：なし;} ul {width：200px;マージン：100px auto;} li {float：left;高さ：35px;オーバーフロー：隠し;ラインハイト：35px;}要約します
上記は、JavaScriptを使用してスクロール効果を実現するデジタル時計に関するすべての例です。コードは簡単ですが、効果は非常に良いです。それがあなたを困らせるのに役立つことを願っています。