Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Javascript Temporizador Tutorial
Criando uma página da web que refresca após cada poucos minutos, requer o uso de JavaScript. Com JavaScript, você pode definir uma página para se refrescar depois de um intervalo de tempo especificado e mostrar uma contagem regressiva que exibe quando a próxima atualização ocorrerá. Você também pode criar eventos programados que são executados ou loop em horários predefinidos e sincronizar vários eventos em uma linha do tempo. Ocorrência eventos em JavaScript é feito usando o método " setTimeout ()" , que executa um código em um horário definido no futuro e " clearTimeout () ", que cancela o método () setTimeout . Instruções
1

Criar um botão dentro de sua página HTML chamado "Click" , como mostrado abaixo :

< input type = nome de " botão " = " Clique em" value = " Clique e esperar "onclick = timer ( ) " />
2

Insira um código de função para a cabeça da página HTML no formato mostrado abaixo :

< tipo script = "text /javascript "> var s ; var t = 0; var time_on ; função timer ( ) {var s = setTimeout ( " ! alert ( '5 segundos ')" , 10000 );} < br >

Quando o botão " Click" é clicado, o setTimeout () método é chamado e uma mensagem pop-up aparece em sua janela com a mensagem " surpresa" após 10 segundos ou 10.000 milissegundos.

3

Escreva o código para cancelar o temporizador antes que vá fora de usar a sintaxe abaixo :

clearTimeout ( timeoutId );

o parâmetro " timeoutId " é o tempo de espera de regressar do anterior " setTimeout () chamada de método
4

Escreva o . " função stopCount "como mostrado abaixo :

alertId = 0;

função stopCount () {if . ( document.getElementById ( " alertTimer " ) valor == " Clique e espere! " {

document.getElementById ( " alertTimer " ) value = " Clique para Pare!" ; . alertId = setTimeout ( " showAlert () " , 2000) ;} else {

document.getElementById ( " alertTimer " ) = valor ". Clique e esperar " ; ! clearTimeout ( alertTimerId );}}

função showAlert ( ) {

alert (" tarde demais para parar o temporizador ! "); document.getElementById ( " alertTimer " ) value = " Clique e espere! "; . }
5

Copiar o seguinte código em seu documento HTML:



Anterior :

Próximo : No
  Os artigos relacionados
·Como desenhar uma polilinha Ter uma variedade de locais…
·Como alinhar horizontalmente em JavaScript TD 
·JavaScript para determinar se um elemento é Disabled 
·Como usar DIV com JavaScript 
·Como criar texto com base Browser Games 
·Como usar a análise estática para encontrar bugs 
·Como determinar as coordenadas de um elemento em JavaSc…
·Como fazer tinta reciclado 
·Como criar uma galeria de fotos com a próxima e links …
·Como alterar a barra de endereços no JavaScript 
  Artigos em destaque
·Como Terreno com MATLAB 
·Como Serializar uma String em Java 
·O Java Applet Failed 
·Como calcular o Big Endian Integer Valor 
·JDK não é detectado pelo Java 
·Como vincular DataTable para ListView na Net 
·Como link Arquivos JS externo 
·Como implementar um Destructor básico em JavaScript 
·Como fazer um arquivo CFG Com o Visual C 
·Como inserir um valor em uma coluna de identidade 
Cop e direita © Conhecimento computador https://ptcomputador.com Todos os Direitos Reservados