Dúvida em Exercício Javascript

Front-end
#1

Olá pessoal.
Nos últimos 2 meses eu venho estudando javascript.
Peguei uma apostila cheia de exercícios pra fazer, fiz todos e só não consegui fazer 1.

Eis o exercício:
Crie uma página html com um título de nível 1, um título de nível 5, 4 parágrafos e uma imagem alinhada à esquerda do parágrafo. Salve a página com o nome exercicio23.html.
Crie um script que consiga exibir a hora atual, toda vez que o usuário clicar na frase “Clique aqui para exibir o relógio”. O relógio precisa estar no formato HH:MM:SS. O script precisa ser feito externamente.

Alguém pode me ajudar?
Se tornou questão de honra eu saber como que se faz esse exercício, já gastei um bom tempo tentando fazê-lo.
PS: a parte html já está feita.

Muito obrigado.
Abraços.

#2

Esta dando algum erro ou ainda não conseguiu implementar?

Qual browser ta utilizando?

Vlws.
Deus abençoe!

#3

[quote=comphsfo]Esta dando algum erro ou ainda não conseguiu implementar?

Qual browser ta utilizando?

Vlws.
Deus abençoe![/quote]

Eu tentei fazer, fiquei muito tempo tentando, mas acabei apagando o que tinha feito.
Só deixei a parte html feita.
Estou utilizado o google chrome.
Valeu!

#4

alguém? :confused:

#5

Ae tem essa funcao aqui que eu vi de um dos nossos colegas.

o link da página é esse:
http://www.julioblog.com.br/jquery/relogio-com-jquery-e-javascript/

e o codio em JavaScript é esse:

function relogio(){

	
	//criamos a variavel objeto momentoAtual, que contera a data atual
	var momentoAtual = new Date(); 
	
	//Pegamos em variaveis separadas, hora, minuto e segundo
    var hora = momentoAtual.getHours(); 
    var minuto = momentoAtual.getMinutes();
    var segundo = momentoAtual.getSeconds();
	
	//verificamos se segundo, minuto e hora é menor que 9 se for concatenamos adicionando um zero a esquerda
	if(segundo <=9 )
	{
	   segundo = "0"+segundo;	
	};
	if(minuto <=9 )
	{
	   minuto = "0"+minuto;	
	};
	if(hora <=9 )
	{
	   hora = "0"+hora;	
	};
	
	
	// pegamos dia, mes e ano do objeto momento atual
	var dia = momentoAtual.getDate();
	var mes = momentoAtual.getMonth();
	var ano = momentoAtual.getFullYear();
	

   // contatenamos a string do relogio
    horaImprimivel = hora +":"+minuto+":"+segundo;
	
	//utilizando jquery exibimos na div de id relogio o relogio
    $("#relogio").html(horaImprimivel);
	
    
	//logo abaixo chamamos a função a cada um 1 segundo para reatualizar o relogio
	setTimeout("relogio()",1000)
}

// esta  é a função jquery que chama o relogio
$(function() {
	relogio();
});

No html vc coloca uma div com id relogio.

#6