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 colar
Cadastre-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 colar
Cadastre-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 colar
Cadastre-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
|
|
