Existem muitos exemplos de JavaScript implementando efeitos de relógio digital na Internet, mas este artigo apresenta os relógios digitais com efeitos de rolagem. O editor acha que o efeito é muito impressionante, então vou compartilhar com você abaixo.
Vamos dar uma olhada nos efeitos deslumbrantes primeiro
Abaixo está um exemplo de código
Javascript Code Part:
window.onload = function () {function Todou (n) {return n <10? "0"+n: ""+n;} var oimg = document.getElementsByTagName ("img"); setInterval (relógio, 1000); clock () function () {var odate = new); 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 Layout Part:
<ul> <li> <img src = "img/num.png"/> </li> <li> <img src = "img/num.png"/> </li> <li>: </li> <li> <img src = "img/num.png"/> <li> <li> /> </li> <li> <img src = "img/num.png"/> </li> </ul>*{preenchimento: 0; margem: 0; estilo de lista: nenhum;} ul {width: 200px; margem: 100px automático;} li {float: esquerda; Altura: 35px; estouro: oculto; altura de linha: 35px;}Resumir
O exposto acima são todos os códigos de exemplo sobre relógios digitais que usam JavaScript para obter efeitos de rolagem. O código é simples, mas o efeito é muito bom. Espero que possa ajudá -lo em necessidade.