lipelopeslage/relogio.html

## relogio.html
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

	<p id="relogio"></p>

	<script>

		// SETTIMEOUT e SETINTERVAL
		// setTimeout/setInterval recebe uma função
		// então vamos criar uma função
		function horario(){
			var date = new Date();
			var horas = date.getHours();
			var minutos = date.getMinutes();
			var segundos = date.getSeconds();
			var relogio = document.querySelector("#relogio");

			// operador ternario
			// minutos = (minutos < 10) ? "0"+minutos : minutos;

			if(minutos < 10){
				minutos = "0"+minutos;
			}

			if(segundos < 10){
				segundos = "0"+segundos;
			}

			relogio.innerHTML = horas+":"+minutos+":"+segundos;
			// setTimeout é um temporizador, é preciso chamá-lo
			// novamente dentro da função, para que essa rode
			// de 1 em 1 segundo, sempre
			//setTimeout(horario, 1000);
		}
		// setInterval pode ser chamado fora da função, pois a
		// chamará sempre de 1 em 1 segundo
		setInterval(horario, 1000);
		horario();

	</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="ISO-8859-1">
	<title>Insert title here</title>
	</head>
	<body>

	<p id="relogio"></p>

	<script>

	// SETTIMEOUT e SETINTERVAL
	// setTimeout/setInterval recebe uma função
	// então vamos criar uma função
	function horario(){
	var date = new Date();
	var horas = date.getHours();
	var minutos = date.getMinutes();
	var segundos = date.getSeconds();
	var relogio = document.querySelector("#relogio");

	// operador ternario
	// minutos = (minutos < 10) ? "0"+minutos : minutos;

	if(minutos < 10){
	minutos = "0"+minutos;
	}

	if(segundos < 10){
	segundos = "0"+segundos;
	}

	relogio.innerHTML = horas+":"+minutos+":"+segundos;
	// setTimeout é um temporizador, é preciso chamá-lo
	// novamente dentro da função, para que essa rode
	// de 1 em 1 segundo, sempre
	//setTimeout(horario, 1000);
	}
	// setInterval pode ser chamado fora da função, pois a
	// chamará sempre de 1 em 1 segundo
	setInterval(horario, 1000);
	horario();

	</script>
	</body>
	</html>