Logo Hardware.com.br
GTA_Gameron
GTA_Gameron Novo Membro Registrado
10 Mensagens 0 Curtidas

[Resolvido] Redirecionamento de contagem regressiva por favor me ajudem

#1 Por GTA_Gameron 11/01/2016 - 15:37
Bom quero criar um html de contagem regressiva que me redirecionar para o site que eu quero
assim: http://gamerondowns.blogspot.com/p/download.html?url=http://google.com
ai quando a contagem terminar ira me rediricionar ate esse link que é o da google que eu coloquei mas irei mudando para outros por favor me ajudem

Aqui o codigo do html caso precisarem:

<<<---------------------------------------------------------------------Inicio Do Codigo--------------------------------------------------------------------->>>






Você será redirecionado automaticamente para o download em:






10







<<<---------------------------------------------------------------------Fim Do Codigo--------------------------------------------------------------------->>>
php html codigos javascript javascripts bom codigo contagem script html regressiva redirecionar ajudem
Shinayder
Shinayder Veterano Registrado
669 Mensagens 118 Curtidas
#3 Por Shinayder
12/01/2016 - 11:04
Fata GTA, beleza?

Aproveitei a Ideia do @DiguinDeveloper e implementei o Front-End com o bootstrap, testa ai e ve se você gosta!

E mais para deixar bonitinho com uma animação, mas o conceito é o mesmo!

<!DOCTYPE html>

<html>

    <head lang="pt-br">



        <meta charset="UTF-8">



        <!-- Latest compiled and minified CSS -->

        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">



        <!-- Optional theme -->

        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">



        <!-- Latest compiled and minified JavaScript -->

        



        <script type="text/javascript">

        var contador = 0;

        function contar()

        {



            document.getElementById('contador').innerHTML = contador;

            if (contador < 100)

            {

                contador++

                document.getElementById('cont').style.width = contador + "%";

            }

        }

        function redirecionar()

        {

            contar();

            if (contador == 100)

            {

                document.location.href = 'http://www.google.com';

            }

        }



        setInterval(redirecionar, 10000);

        setInterval(contar, 100);

        </script>



    </head>



    <body>

        <div class="progress">

          <div id="cont" class="progress-bar progress-bar-striped text-center active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" >

              <label id="contador"></label>%

          </div>

        </div>

    </body>

</html>
Phenon X4 Black Box Edition 3.4 64bits | Memoria DDR3 8Gb | Nvidea Geforce GTS 450 1GB| HD Samsung SATA 500Gb e Samsung SATA 1 Tb rindo_atoa.gif
NoteBook: Em Analise nao_sei.gif
http://www.stormclouds.com.br/
Shinayder
Shinayder Veterano Registrado
669 Mensagens 118 Curtidas
#5 Por Shinayder
13/01/2016 - 07:45
Fala GTA, entendi sua perspectiva, segue correção do código com o redirecionamento conforme você pediu!



<!DOCTYPE html>

<html>

    <head lang="pt-br">

  

    



    <meta charset = "UTF-8">



    <script type="text/javascript">

      

        function linkProtetor(link)

        {

            var lnk = link;

            lnk = lnk.substr(lnk.search("url=&quot+4);

            return lnk;

        }



        var linkpro = window.parent.document.location.href;

        linkpro = linkProtetor(linkpro);



        var ss = -1;



        function atualizaContador(futuro)

        {

         ss = (ss==-1) ? futuro : ss;

         var faltam =  'Você será redirecionado para a pagina em '+ss+' segundos.';



             if (ss > 0)

             {

                document.getElementById('contador').innerHTML = faltam;

                ss--;

                setTimeout(atualizaContador,1000);

             }

             else

             {

                document.location.href = 'http://www.google.com';

             }

        }

    </script>

</head>

    <body onLoad="atualizaContador(15);">

        <div id="contador">

        </div>

    </body>

</html>
Phenon X4 Black Box Edition 3.4 64bits | Memoria DDR3 8Gb | Nvidea Geforce GTS 450 1GB| HD Samsung SATA 500Gb e Samsung SATA 1 Tb rindo_atoa.gif
NoteBook: Em Analise nao_sei.gif
http://www.stormclouds.com.br/
DiguinDeveloper
DiguinDevelo... Super Participante Registrado
313 Mensagens 148 Curtidas
#6 Por DiguinDevelo...
13/01/2016 - 09:54
GTA_Gameron disse:
Bom eu acho que voces não entenderam...


Não generalize, eu entendi muito bem o que você quer e o código que postei faz justamente isso, se você não testou/usou o código para ver o resultado, eu só lamento por você, a única diferença é que ao invés de usar 15 segundos, estou usando 10 por simples questão de exemplo...
Shinayder
Shinayder Veterano Registrado
669 Mensagens 118 Curtidas
#9 Por Shinayder
13/01/2016 - 17:04
Explica melhor o que você quer, que eu não entendi jovem!

Você quer, que quando você ou alguém faça login em um dos sistemas da Google, o mesmo faça um redirecionamento a sua pagina, é isso?

Se for, isso seria um tanto quanto errado e você vai acabar comprando briga com uma empresa gigante, caso eles venham a descobrir, mas caso não seja isso, explica melhor ai!

Abraços.
Phenon X4 Black Box Edition 3.4 64bits | Memoria DDR3 8Gb | Nvidea Geforce GTS 450 1GB| HD Samsung SATA 500Gb e Samsung SATA 1 Tb rindo_atoa.gif
NoteBook: Em Analise nao_sei.gif
http://www.stormclouds.com.br/
GTA_Gameron
GTA_Gameron Novo Membro Registrado
10 Mensagens 0 Curtidas
#11 Por GTA_Gameron
13/01/2016 - 17:51
A Cara ja consertei o erro eu modifiquei essa parte do document.location.href = 'http://www.google.com'; por essa html location.href = linkpro; agora posso colocar os links aleatorios ok

Olha so o codigo como esta agora:
<!DOCTYPE html>

Por favor espere a pagina esta carregando...



<html>

    <head lang="pt-br">



        <meta charset="UTF-8">



    



    <meta charset = "UTF-8">



    <script type="text/javascript">

        function linkProtetor(link) {

        var lnk = link;

        lnk = lnk.substr(lnk.search("url=&quot+4);

        return lnk;

        }



        var linkpro = window.parent.document.location.href;

        linkpro = linkProtetor(linkpro);



        var ss = -1;

        function atualizaContador(futuro)

        {

          ss = (ss==-1) ? futuro : ss;

          var faltam =  'Você será redirecionado para o download em '+ss+' segundos.';



          if (ss > 0)

          {

            document.getElementById('contador').innerHTML = faltam;

            ss--;

            setTimeout(atualizaContador,1000);

          }

          else

          {

              location.href = linkpro;

          }

        }

    </script>

</head>

    <body onLoad="atualizaContador(15);">

        <!-- quando você passa a função para o documento, pode passar por parâmetro a quantidade de seg, q a pagina vai ficar  -->

        <div id="contador"> </div>

    </body>

</html>
GTA_Gameron
GTA_Gameron Novo Membro Registrado
10 Mensagens 0 Curtidas
#13 Por GTA_Gameron
14/04/2016 - 19:46
Eae galera fiz um bem mais legal aqui o codigo
<!DOCTYPE html>

Por favor espere a pagina esta carregando...



<html>

    <head lang="pt-br">



        <meta charset="UTF-8">



    



    <meta charset = "UTF-8">



    <script type="text/javascript">

        function linkProtetor(link) {

        var lnk = link;

        lnk = lnk.substr(lnk.search("url=&quot+4);

        return lnk;

        }



        var linkpro = window.parent.document.location.href;

        linkpro = linkProtetor(linkpro);



<!--

var numero = 10;

function chamar(){if(numero>0){document.getElementById('timers').innerHTML = --numero;}}

setInterval("chamar();", 1000);

setTimeout("location.href = linkpro;",10000);

//-->

</script>

<div align="center" style="font-family-removed: tahoma; font-size-removed: 16px;">Você será redirecionado em: <br><div style="font-family-removed: tahoma; font-size-removed: 56px;" id="timers">10</div>

</div>

</html>
© 1999-2024 Hardware.com.br. Todos os direitos reservados.
Imagem do Modal