Últimos temas
-
elecciones presidencial P...
Foro: Opinión
Último mensaje por: joselo
07-04-2026, 10:47 AM
» Respuestas: 3
» Vistas: 133 -
video reel de la semana d...
Foro: Opinión
Último mensaje por: jorner
20-03-2026, 09:34 AM
» Respuestas: 1
» Vistas: 284 -
resumen asi fueron festiv...
Foro: Noticias
Último mensaje por: showlive
06-01-2026, 10:04 AM
» Respuestas: 0
» Vistas: 198 -
micro sd compra online op...
Foro: Hardware
Último mensaje por: maestroVIP
13-10-2025, 09:29 AM
» Respuestas: 1
» Vistas: 380 -
serie NETFLIX ROOKIE poli...
Foro: Opinión
Último mensaje por: hastalavistababy
27-08-2025, 11:04 AM
» Respuestas: 1
» Vistas: 389
Estadísticas del foro
- Mensajes del foro:1,191
- Temas del foro:480
- Miembros:783
- Último miembro:bill233
¿crees en fantasmas? aquí unos vídeos interesantes.
Código:
<html>
<head>
<title>Reloj digital</title>
<script language="javascript">
<!-- Se abre el comentario para ocultar el script de navegadores antiguos
function muestraReloj()
{
// Compruebo si se puede ejecutar el script en el navegador del usuario
if (!document.layers && !document.all && !document.getElementById) return;
// Obtengo la hora actual y la divido en sus partes
var fechacompleta = new Date();
var horas = fechacompleta.getHours();
var minutos = fechacompleta.getMinutes();
var segundos = fechacompleta.getSeconds();
var mt = "AM";
// Pongo el formato 12 horas
if (horas > 12) {
mt = "PM";
horas = horas - 12;
}
if (horas == 0) horas = 12;
// Pongo minutos y segundos con dos dígitos
if (minutos <= 9) minutos = "0" + minutos;
if (segundos <= 9) segundos = "0" + segundos;
// En la variable 'cadenareloj' puedes cambiar los colores y el tipo de fuente
cadenareloj = "<font size='1' face='verdana' ><b>" + horas + ":" + minutos + ":" + segundos + " " + mt + "</b></font>";
// Escribo el reloj de una manera u otra, según el navegador del usuario
if (document.layers) {
document.layers.spanreloj.document.write(cadenareloj);
document.layers.spanreloj.document.close();
}
else if (document.all) spanreloj.innerHTML = cadenareloj;
else if (document.getElementById) document.getElementById("spanreloj").innerHTML = cadenareloj;
// Ejecuto la función con un intervalo de un segundo
setTimeout("muestraReloj()", 1000);
}
// Fin del script -->
</script>
</head>
<body onLoad="muestraReloj()">
<p>
<span id="spanreloj" style="position:absolute;left:10;top:10;"></span>
</p>
</body>
</html>
relog analogico javascript
Código:
<html>
<head>
<title>Reloj analogico</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script language="javascript" type="text/javascript">
var navok
if ( document.getElementById || document.all )
navok = true
else
navok = false
//fecha y hora actuales
var ahora = new Date()
//coordenadas posicion numeros en la circulo del Inicializa
var circulo_x = new Array()
var circulo_y = new Array()
circulo_x[7] = [80, 94, 100, 94, 77, 53, 28, 11, 5, 11, 28, 53]
circulo_y[7] = [ 8, 26, 50, 74, 91, 97, 91, 74, 50, 26, 8, 2]
//elementos graficos del Inicializa
var horas = new Array()
var minutos = new Array()
var segundos = new Array()
var numeros = new Array()
function dibuja_reloj() {
//dibuja circulo del Inicializa
var txt
txt = '<div id="exterior" style="position:relative; width:117px; height:117px; visibility:visible">'
for(i=1;i<=7;i++) //minutero
txt += '<div id="min'+i+'" style="position:absolute; top:-100px; left:-100px; width:6px; height:6px; background-color:red; font-size:6px;"></div>'
for(i=1;i<=5;i++) //horas
txt += '<div id="hrs'+i+'" style="position:absolute; top:-100px; left:-100px; width:6px; height:6px; background-color:blue; font-size:6px;"></div>'
for(i=1;i<=7;i++) //segundero
txt += '<div id="sec'+i+'" style="position:absolute; top:-100px; left:-100px; width:4px; height:4px; background-color:black; font-size:6px;"></div>'
for(i=1;i<=12;i++) //digitos
txt += '<div id="h'+i+'" style="position:absolute; top:-100px; left:0px; width:10px; height:10px; font-size:10pt; font-family: Arial;">'+i+'</div>'
txt += '</div>'
document.write(txt)
// mueve_capa( exterior, 100, 200);
}
//movimiento agujas
function avanza_reloj() {
ahora = new Date()
ahora.hrs = ahora.getHours()
ahora.min = ahora.getMinutes()
ahora.sec = ahora.getSeconds()
ahora.hrs = ( ahora.hrs >= 12 ) ? ahora.hrs - 12 : ahora.hrs
ahora.hrs = Math.floor( ( ahora.hrs * 5 ) + ( ahora.min/12 ) )
for(n=0;n<horas.length;n++)
mueve_capa(horas[n], circulo_x[n][ahora.hrs], circulo_y[n][ahora.hrs])
for(n=0;n<minutos.length;n++)
mueve_capa(minutos[n], circulo_x[n][ahora.min], circulo_y[n][ahora.min])
for(n=0;n<segundos.length;n++)
mueve_capa(segundos[n], circulo_x[n][ahora.sec], circulo_y[n][ahora.sec])
}
function mueve_capa(id,x,y){
id.style.left = x + 'px'
id.style.top = y + 'px'
}
function obtiene_capa(idstr) {
if (document.getElementById)
return document.getElementById(idstr)
else if (document.all)
return document.all[idstr]
}
function Inicializa() {
if ( !navok )
return
//array de objetos aguja horas
for( i=1; i<=5; i++)
horas[i-1] = obtiene_capa('hrs'+i)
//array objetos minutero
for( i=1; i<=7; i++)
minutos[i-1] = obtiene_capa('min'+i)
//array objetos segundero
for( i=1; i<=7; i++)
segundos[i-1] = obtiene_capa('sec'+i)
//array objetos numeros circulo
for( i=1; i<=12; i++)
numeros[i] = obtiene_capa('h'+i)
//inicializa posicion numeros circulo
for( n=1; n<=12; n++)
mueve_capa(numeros[n], circulo_x[7][n-1], circulo_y[7][n-1])
var centro = [0]
var radio = 6
var resultado = new Array()
for( i=1; i<=60; i++) {
centro[i] = centro[i-1] + ((Math.PI*2)/60)
centro[i-1] += Math.PI/180
}
for( num=0; num<=6; num++) {
circulo_x[num] = new Array()
circulo_y[num] = new Array()
for( i=1; i<=60; i++) {
resultado = ((i-15)<0)? 60 + i - 15 : i - 15
circulo_x[num][i] = Math.floor((num*radio*Math.cos(centro[resultado]))+56)
circulo_y[num][i] = Math.floor((num*radio*Math.sin(centro[resultado]))+55)
}
circulo_x[num][0]=circulo_x[num][60]
circulo_y[num][0]=circulo_y[num][60]
}
var IdIntervalo = setInterval("avanza_reloj()", 100)
}
window.onload = Inicializa
</script>
<body>
<script type="text/javascript">
dibuja_reloj()
</script>
</body>
</html>
A pedido del público
Código:
<html>
<head>
<title>Insertar fecha</title>
<script fecha language="javascript">
<!-- estableciendo la fecha y codificando por ssinformation.info
var fecha=new Date();
var diames=fecha.getDate();
var diasemana=fecha.getDay();
var mes=fecha.getMonth() +1 ;
var year=fecha.getFullYear();
var txtsemana = new Array (7);
txtsemana[0]="Domingo";
txtsemana[1]="Lunes";
txtsemana[2]="Martes";
txtsemana[3]="Miércoles";
txtsemana[4]="Jueves";
txtsemana[5]="Viernes";
txtsemana[6]="Sábado";
var txtmes = new Array (12);
txtmes[1]="Enero";
txtmes[2]="Febrero";
txtmes[3]="Marzo";
txtmes[4]="Abril";
txtmes[5]="Mayo";
txtmes[6]="Junio";
txtmes[7]="Julio";
txtmes[7]="Agosto";
txtmes[9]="Septiembre";
txtmes[10]="Octubre";
txtmes[11]="Noviembre";
txtmes[12]="Diciembre";
function imprimefecha() {
document.write("Fecha: " + txtsemana[diasemana] + ", " + diames + " de " + txtmes[mes-1] + " de " + year + "<br>");
}
</script>
</head>
<body>
<script type="text/javascript">
imprimefecha()
</script>
</body>
</html>