Este ejemplo de artículo describe cómo JS implementa el tiempo de visualización simple en las páginas web. Compártelo para su referencia. Los detalles son los siguientes:
Este es un código JS de reloj web, implementación pura de JavaScript, que muestra tiempo, minutos y segundos. Hay muchas pantallas de tiempo web y relojes web, lo cual es realmente simple. Amigos de buenos artistas pueden embellecerlos y mejorarlos sobre esta base.
Copie el código de la siguiente manera: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1 transitional.dtd"> ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> reloj web simple </title>
<estilo>
cuerpo, div {margen: 0; relleno: 0;}
cuerpo {color: #ffff; fuente: 16px/1.5/5fae/8f6f/96c5/9ed1;}
#Clock {ancho: 300px; text-align: centro; fondo:#1a1a1a; margen: 10px automático; relleno: 20px 0;}
span {color:#000; ancho: 80px; línea de línea: 2; fondo: #fbfbfb; borde: 2px sólido#b4b4b4; margen: 0 10px; relleno: 0 10px;}
</style>
<script>
Window.Onload = function ()
{
var oclock = document.getElementById ("reloj");
var aspan = oclock.getElementsBytagName ("span");
setInterval (getTimes, 1000);
getTimes ();
función getTimes ()
{
var odate = new Date ();
var adate = [odate.gethours (), odate.getminutes (), odate.getSeconds ()];
para (var i en adate) aspan [i] .innerhtml = format (adate [i])
}
Formato de función (a)
{
devolver A.ToString (). Reemplazar (/^(/d) $/, "0 $ 1")
}
}
</script>
</ablo>
<Body>
<div id = "reloj">
<span> </span> puntos <span> </span> minutos <span> </span> segundos
</div>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.