Destinado a Artigos, Tutoriais e Matérias de colunistas, base em PHP, MySQL, JavaScript, HTML, CSS, jQuery, etc... entre outros.
Moderador: web 9142
 contagem regressiva para redirecionamento
por Bluebird 374 em 22 Jul 2010 02:49 pm
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: SCRIPT selecione e use Ctrl c para copiar e Ctrl v para colarCadastre-se ( Cadastro grátis ) ou log-se para fazer parte do CodigosnaWeb.com Logado você pode postar suas dúvidas sobre programação. Veja as vantagens
<html> <head> <title>Documento sem tí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: SCRIPT selecione e use Ctrl c para copiar e Ctrl v para colarCadastre-se ( Cadastro grátis ) ou log-se para fazer parte do CodigosnaWeb.com Logado você pode postar suas dúvidas sobre programação. Veja as vantagens
<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: SCRIPT selecione e use Ctrl c para copiar e Ctrl v para colarCadastre-se ( Cadastro grátis ) ou log-se para fazer parte do CodigosnaWeb.com Logado você pode postar suas dúvidas sobre programação. Veja as vantagens
<html> <head> <title>Documento sem tí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: SCRIPT selecione e use Ctrl c para copiar e Ctrl v para colarCadastre-se ( Cadastro grátis ) ou log-se para fazer parte do CodigosnaWeb.com Logado você pode postar suas dúvidas sobre programação. Veja as vantagens
<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>
|
 contagem regressiva para redirecionamento
por web 9142 em 22 Jul 2010 02:55 pm
Funcionando certinho. 
|
Carregando...
Retornar para Laboratório de Artigos, Tutoriais e Matérias
Usuários vendo este fórum: Nenhum usuário registrado online e 1 visitante
|
|