Skip to content

Tag: JavaScript

JavaScript: Relógio Digital


Código-Fonte

Aqui na página colocamos:

<input type='text' value='00:00:00' id='relogio' readonly size='6'
style="font-size: 200%; color:red"/>
<script type="text/javascript" src="/scripts/relogio.js"></script>

Que cria um input de texto com nome relógio e depois chamamos o script relogio.js que contém o seguinte código:

function proximo_segundo(){
	var hoje = new Date
	var hora = hoje.getHours()
	var minutos = hoje.getMinutes()
	var segundos = hoje.getSeconds()
	relogio = document.getElementById('relogio')
	relogio.value = hora +":"+minutos+":"+segundos
	setTimeout('proximo_segundo()',1000)
}
proximo_segundo()

Ele cria um objeto Date, encontro o elemento com id ‘relogio’ e coloca no valor dele as informações extraídas do objeto Date. Em seguida ele agenda para daqui a um segundo chamar a si próprio, recursivamente.

Um refinamento que se pode fazer nesse código é uma função auxiliar para preencher com um zero à esquerda, transformando 1:2:3 em 01:02:03. Eu não coloquei isso para deixar o código o mais simples possível.

Como eu ainda sou muito novinho no JavaScript eu não sei se usar uma recursão desse tipo é uma boa idéia ou não. Era isso ou um laço infinito.

JavaScript: Informações sobre o Navegador do Usuário


Você deve estar vendo na caixinha de cima várias informações sobre o seu navegador.
O trecho do código JavaScript que gerou isso foi:

<TEXTAREA id="nav_info" cols="60"></textarea>
<script type="text/javascript">document.getElementById("nav_info").value =
navigator.appName+
navigator.appVersion+
navigator.appCodeName+
navigator.platform+
navigator.userAgent</script>

Cada um das variáveis lidas de navigator contém algum tipo de informação útil sobre as características do navegador.

Javascript dentro do WordPress

Vamos fazer um teste:

O código-fonte:

<input type='button' value='clique em mim' onclick="alert('funcionou')"/>

Se você clicou no botão e apareceu uma janelinha chata, então a coisa deu certo.

Para escrever códigos dentro do WordPress você precisa desligar o editor rico nas configurações. Além disso é necessário escrever códigos de uma só linha. Para códigos mais violentos, você precisa invocar o código de um arquivo .js externo.

<SCRIPT src="my.js" type="text/javascript"></SCRIPT>

Se você escrever o código dentro do editor o WordPress vai esculhambar seu código com tags html de fim de linha e parágrafo. Então você vai precisar realmente de um arquivo externo.