Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 1000 postagens
Mais de 1000 postagens
Tópico Autor
Mensagens: 1272
Sexo: Masculino

contagem regressiva para redirecionamento

22-07-2010 14:49

O código a seguir faz a contagem regressiva para o redirecionamento da página. Vou colocar em duas situações: a primeira, fazendo a contagem a partir de um input na própria página, e a segunda fazendo a contagem a partir de uma página anterior, redirecionando-se para uma página seguinte.

Contagem a partir do input na página:

Arquivo Redireciona.php:

<html> <head> <title>Documento sem t&iacute;tulo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script> /* Autor: Felipe L. Z. Bellé Data: 05/10/2007 Função: Este script faz o redirecionamento para outra pagina a partir de uma contagem-regressiva. Parâmetros tempo => Tempo em segundos que o script deve contar url   => A url final de envio onde  => Local na pagina onde ira aparecer a mensagem de contagem (pego via id) msg   => A mensagem que irá aparecer para o usuário final. Sintaxe: "Você será redirecionado em !tempo segundos."          onde, "!tempo" equivale ao segundo atual do script   Script para uso publico.   Exemplo de chamada <input type="button" value="Envia" onclick="Redireciona(5,'pagina1','redir','Você será redirecionado em !tempo segundos.');"> <div id="redir"></div> */   function Redireciona(tempo,url,onde,msg) {  var NovaMsg = msg.replace('!tempo',tempo);  document.getElementById(onde).innerHTML = NovaMsg;  tempo--;  if(tempo == -1)   location.href = url;  var nr = 'setTimeout("Redireciona('+tempo+',\''+url+'\',\''+onde+'\',\''+msg+'\')",1000)';  eval(nr); } </script> </head>   <body> <input type="button" value="Envia" onclick="Redireciona(5,'PaginaDestinoRedirecionamento.php','redir','Você será redirecionado em !tempo segundos.');"> <div id="redir"></div> </body> </html>

Redirecionamento a partir de um arquivo anterior:

Arquivo PaginaAnterior.php:

<html> <head> <title>Página anterior</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head>   <body> <a href="PaginaRedirecionamento.php">link</a> </body> </html>

Arquivo PaginaRedirecionamento.php:

<html> <head> <title>Documento sem t&iacute;tulo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script> /* Autor: Felipe L. Z. Bellé Data: 05/10/2007 Função: Este script faz o redirecionamento para outra pagina a partir de uma contagem-regressiva. Parâmetros tempo => Tempo em segundos que o script deve contar url   => A url final de envio onde  => Local na pagina onde ira aparecer a mensagem de contagem (pego via id) msg   => A mensagem que irá aparecer para o usuário final. Sintaxe: "Você será redirecionado em !tempo segundos."          onde, "!tempo" equivale ao segundo atual do script   Script para uso publico.   Exemplo de chamada <input type="button" value="Envia" onclick="Redireciona(5,'pagina1','redir','Você será redirecionado em !tempo segundos.');"> <div id="redir"></div> */   function Redireciona(tempo,url,onde,msg) {  var NovaMsg = msg.replace('!tempo',tempo);  document.getElementById(onde).innerHTML = NovaMsg;  tempo--;  if(tempo == -1)   location.href = url;  var nr = 'setTimeout("Redireciona('+tempo+',\''+url+'\',\''+onde+'\',\''+msg+'\')",1000)';  eval(nr); } </script> </head>   <body onload="Redireciona(5,'DestinoRedirecionamento.php','redir','Você será redirecionado em !tempo segundos.');"> <!-- <input type="button" value="Envia" onclick="Redireciona(5,'PaginaDestinoRedirecionamento.php','redir','Você será redirecionado em !tempo segundos.');"> --> <div id="redir"></div> </body> </html>

Arquivo PaginaDestinoRedirecionamento.php:

<html> <head> <title>Arquivo de destino do redirecionamento</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head>   <body> ARQUIVO DE DESTINO DO REDIRECIONAMENTO </body> </html>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17662
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

contagem regressiva para redirecionamento

22-07-2010 14:55

Funcionando certinho. :rock:
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado