contagem regressiva para redirecionamento

Destinado a Artigos, Tutoriais e Matérias de colunistas, base em PHP, MySQL, JavaScript, HTML, CSS, jQuery, etc... entre outros.

Moderador: web

responder a dúvida

contagem regressiva para redirecionamento

Mensagem por Bluebird Offline » Qui Jul 22, 2010 3: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:
Código: Selecionar todos
<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:
Código: Selecionar todos
<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:
Código: Selecionar todos
<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:
Código: Selecionar todos
<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>



detalhes...


Bluebird
SUPER VETERANO
SUPER VETERANO
Mensagens: 424
Registrado em: Seg Fev 16, 2009 11:15 am


contagem regressiva para redirecionamento

Mensagem por web Offline » Qui Jul 22, 2010 3:55 pm

Funcionando certinho. :rock:

detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb [@] hotmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 11889
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil


responder a dúvida

Voltar para Laboratório de Artigos, Tutoriais e Matérias

Quem está online

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