Gostaria de saber como coloco um relógio ou horário no meu site.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Gostaria de saber como coloco um relógio ou horário no meu site.
<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// adicione um zero na frente de números<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);
}
function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>Boa tarde Giovanni, para isso você precisa fazer a utilização do Javascript. Caso não haja mais dúvidas pode marcar o tópico como solucionado para que fique visível aos demais usuários que tiverem a mesma dúvida ou uma dúvida parecida. Espero ter ajudado.
Oi, Giovani, tudo bem?
Existe o objeto do do tipo date para o qual você cria uma instância new Date(), que irá te reornar data, hora, minutos, segundos e local. Mas você pode especificar o retorno com os métodos setHours() e setMinutes(), para obter hora e minutos, seguem as referências:
https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Date
https://www.w3schools.com/js/js_dates.asp
https://www.w3schools.com/jsref/jsref_sethours.asp
https://www.w3schools.com/jsref/jsref_setminutes.asp
Espero ter te ajudado!