mostrar por pantalla fecha y hora
Publicado por cris (8 intervenciones) el 03/06/2021 13:42:46
Hola! Estoy intentando realizar una página que muestre por pantalla la fecha y la hora. Para ello he implementado el código en JavaScript y lohe introducido en mi código html. Cuando borro el script de la fecha, la hora se muestra donde quiero, pero cuando dejo el código tal y como se muestra a continuación, solo aparece en la página el fondo de pantalla que he definido. ¿Sabeis cómo hacer para que salga fecha y hora (ambas) por pantalla?
Muchas gracias de antemano!
Muchas gracias de antemano!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!doctype html>
<html>
<head>
<script type="text/javascript">
function startTime(){
today=new Date();
h=today.getHours();
m=today.getMinutes();
m=checkTime(m);
document.getElementById('reloj').innerHTML=h+":"+m;
t=setTimeout('startTime()',500);}
function checkTime(i)
{if (i<10) {i="0" + i;}return i;}
window.onload=function(){startTime();}
</script>
<script type="text/javascript">
function startDate(){
var meses = new Array ("01","02","03","04","05","06","07","08","09","10","11","12");
var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");
var f=new Date();
document.getElementById('fecha').innerHTML=diasSemana[f.getDay()] + ", " + f.getDate() + "/" + meses[f.getMonth()] + "/" + f.getFullYear();}
window.onload=function(){startDate();}
</script>
<style>
body { /* Ruta relativa o completa a la imagen */background-image: url(fondo1.jpg);
/* Centramos el fondo horizontal y verticalmente */background-position: center center;
/* El fonde no se repite */background-repeat: no-repeat;
/* Fijamos la imagen a la ventana para que no supere el alto de la ventana */background-attachment: fixed;
/* El fonde se re-escala automáticamente */background-size: 100% 100%;
/* Color de fondo si la imagen no se encuentra o mientras se está cargando */background-color: #FFF;
/* Fuente para el texto */text-align: center;
color: #000;
font-family: "Times New Roman", Times, serif;
}</style>
</head>
<div id="reloj" style="font-size:60px; margin-left:-518px; margin-top: 300px; font-family: Arial; color: #696969"></div>
<div id="fecha" style="font-size:60px; margin-left:-518px; margin-top: 300px; font-family: Arial; color: #696969"></div>
</html>
Valora esta pregunta
0
