 |
|
Você está aqui: JavaScript ::: Dicas & Truques ::: Timers em JavaScript |
Como interromper um timer setTimeout() usando a função clearTimeout() do JavaScriptQuantidade de visualizações: 3213 vezes |
|
Como já vimos em outras dicas dessa seção, o método setTimeout() do objeto window do JavaScript pode ser usado quando queremos disparar um ação após decorrido um determinado tempo, ou seja, um timer que vai, após o tempo informado, disparar um trecho de código. Agora veremos como é possível interromper a execução de um timer setTimeout() usando o método clearTimeout() do objeto window. Para isso, analise atentamente o código abaixo: ----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
<!doctype html>
<html>
<head>
<title>O método setTimeout() do JavaScript</title>
<script type="text/javascript">
// função que direciona o navegador para outra página
function direcionar(){
window.location.href = "https://www.google.com";
}
// função que permite interromper o timer
function interromper(){
window.clearTimeout(timer);
window.alert("Timer interrompido com sucesso.");
}
// dispara a função direcionar()
var timer = window.setTimeout(direcionar, 5000);
</script>
</head>
<body>
<h2>Você será redirecionado em 5 segundos, a menos que você
clique no botão abaixo.</h2>
<button onclick="interromper()">Interromper Timer</button>
</body>
</html>
Veja que temos um timer setTimeout() que será disparado após decorridos 5 segundos. Quando isso acontecer, a função direcionar() será chamada e o browser será direcionado para outra URL. No entanto, se o botão for clicado antes disso, a função interromper() será chamada e, no corpo dela, uma chamada à clearTimeout() fará com que a execução do timer seja cancelada. Note que o método clearTimeout() recebe o identificador do timer setTimeout() que, no nosso exemplo, é a variável "timer". |
 Link para compartilhar na Internet ou com seus amigos: |
JavaScript ::: Dicas & Truques ::: Arrays e Matrix (Vetores e Matrizes) |
Como retornar apenas os três primeiros elementos de um array em JavaScript usando a função slice() do objeto ArrayQuantidade de visualizações: 8728 vezes |
|
Nesta dica eu mostrarei como é possível usar o método slice() do objeto Array da linguagem JavaScript para retornar um ou mais elementos de um vetor, como um novo objeto array. Para isso só precisamos fornecer ao método o índice inicial e o índice final (não incluindo) dos elementos a serem retornados. É importante observar que o método slice() não modifica o vetor original. Veja o exemplo completo: ----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
<html>
<head>
<title>Estudando JavaScript</title>
</head>
<body>
<script type="text/javascript">
var valores = new Array(1, 2, 3, 4, 5, 6, 7);
document.write("Valores no vetor: " + valores + "<br>");
document.write("Retornando os três primeiros elementos<br>");
var valores2 = valores.slice(0, 3);
document.write("Valores no novo vetor: " + valores2);
</script>
</body>
</html>
Ao executarmos este código nós teremos o seguinte resultado: Valores no vetor: 1,2,3,4,5,6,7 Retornando os três primeiros elementos Valores no novo vetor: 1,2,3 |
JavaScript ::: Dicas & Truques ::: Trigonometria - Funções Trigonométricas |
Como calcular o cateto oposto dadas as medidas da hipotenusa e do cateto adjascente em JavaScriptQuantidade de visualizações: 1426 vezes |
|
Todos estamos acostumados com o Teorema de Pitágoras, que diz que "o quadrado da hipotenusa é igual à soma dos quadrados dos catetos". Baseado nessa informação, fica fácil retornar a medida do cateto oposto quando temos as medidas da hipotenusa e do cateto adjascente. Isso, claro, via programação em linguagem JavaScript. Comece observando a imagem a seguir:  Veja que, nessa imagem, eu já coloquei os comprimentos da hipotenusa, do cateto oposto e do cateto adjascente. Para facilitar a conferência dos cálculos, eu coloquei também os ângulos theta (que alguns livros chamam de alfa) e beta já devidamente calculados. A medida da hipotenusa é, sem arredondamentos, 36.056 metros. Então, sabendo que o quadrado da hipotenusa é igual à soma dos quadrados dos catetos (Teorema de Pitógoras): \[c^2 = a^2 + b^2\] Tudo que temos que fazer é mudar a fórmula para: \[a^2 = c^2 - b^2\] Veja que agora o quadrado do cateto oposto é igual ao quadrado da hipotenusa menos o quadrado do cateto adjascente. Não se esqueça de que a hipotenusa é o maior lado do triângulo retângulo. Veja agora como esse cálculo é feito em linguagem JavaScript: ----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
<html>
<head>
<title>Estudos JavaScript</title>
</head>
<body>
<script type="text/javascript">
var c = 36.056; // medida da hipotenusa
var b = 30; // medida do cateto adjascente
// agora vamos calcular o comprimento da cateto oposto
var a = Math.sqrt(Math.pow(c, 2) - Math.pow(b, 2));
// e mostramos o resultado
document.writeln("A medida do cateto oposto é: " + a);
</script>
</body>
</html>
Ao executar este código JavaScript nós teremos o seguinte resultado: A medida do cateto oposto é: 20.00087838071118 Como podemos ver, o resultado retornado com o código JavaScript confere com os valores da imagem apresentada. |
JavaScript ::: Dicas & Truques ::: Matemática e Estatística |
JavaScript para matemática - Como obter o menor entre dois ou mais valores numéricos usando a função min() do JavaScriptQuantidade de visualizações: 7743 vezes |
|
A função min() do objeto Math da linguagem JavaScript pode ser usada quando temos dois ou mais valores numéricos e gostaríamos de retornar o menor deles. Note que esta função não aceita um vetor (array) como argumento, ou seja, os valores devem ser fornecidos de forma literal ou passados como variáveis independentes. Veja o código JavaScript completo para o exemplo: ----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
<html>
<head>
<title>Estudando JavaScript</title>
</head>
<body>
<script type="text/javascript">
var n1 = 45;
var n2 = 18;
var menor = Math.min(n1, n2);
document.write("O menor número é " + menor);
</script>
</body>
</html>
Ao executar este código nós teremos o seguinte resultado: O menor número é 18 O retorno do método min() é um objeto Number representando o menor dos valores fornecidos. Se nenhum argumento for informado, o retorno será um objeto Infinity, enquanto um objeto NaN será retornado se algum dos valores fornecidos não for um valor numérico válido. |
Desafios, Exercícios e Algoritmos Resolvidos de JavaScript |
Veja mais Dicas e truques de JavaScript |
Códigos Fonte |
 Software de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimentoDiga adeus às planilhas do Excel e tenha 100% de controle sobre suas contas a pagar e a receber, gestão de receitas e despesas, cadastro de clientes e fornecedores com fotos e histórico de atendimentos. Código fonte completo e funcional, com instruções para instalação e configuração do banco de dados MySQL. Fácil de modificar e adicionar novas funcionalidades. Clique aqui e saiba mais |
 Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidadesTenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais |
Linguagens Mais Populares |
|
1º lugar: Java |
