Este exemplo de artigo descreve como o JS implementa o tempo de exibição simples nas páginas da web. Compartilhe para sua referência. Os detalhes são os seguintes:
Este é um código JS de relógio da web, implementação pura de JavaScript, exibindo tempo, minutos e segundos. Existem muitos monitores da Web e relógios da Web, o que é realmente simples. Amigos com bons artistas podem embelezar e melhorá -los com base nessa base.
Copie o código da seguinte forma: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitória // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> relógio da web simples </title>
<estilo>
corpo, div {margem: 0; preenchimento: 0;}
corpo {cor: #ffff; font: 16px/1.5/5fae/8f6f/96c5/9ed1;}
#clock {width: 300px; text-align: Center; fundo:#1A1A1A; margem: 10px Auto; preenchimento: 20px 0;}
span {cor:#000; largura: 80px; altura da linha: 2; fundo: #fbfbfb; borda: 2px Solid#B4B4B4; margem: 0 10px; preenchimento: 0 10px;}
</style>
<Cript>
window.onload = function ()
{
var oclock = document.getElementById ("relógio");
var aspan = oclock.getElementsByTagName ("span");
setInterval (GetTimes, 1000);
getTimes ();
função getTimes ()
{
var odate = new Date ();
var adate = [odate.gethours (), odate.getminutes (), odate.getSeconds ()];
para (var i em anúncio) aspan [i] .innerhtml = formato (adate [i])
}
Formato da função (a)
{
retornar a.toString (). Substitua (/^(/d) $/, "0 $ 1")
}
}
</script>
</head>
<Body>
<div id = "relógio">
</span> </span> pontos <pan> </span> Minutos <pan> </span> segundos
</div>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.