Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Link Varia De Acordo Com O Tempo. Como Fazer ?


Ninoblack

Pergunta

Bem galera, eu tenho esse codigo, e queria modifica-lo.

Na verdade está bem complicado pra mim, por que eu queria fazer as seguintes alterações:

Durante os segundos 13, 26, 39 e 52 se um usuario clicar no link, ele será direcionado a um dos links da função makeLinks(), seguido de "esportes" (EX. http://www.terra.com.br/esportes).

E se ele clicar durantes os outros segundos restantes de cada minuto ele será direcionado a um dos links seguido de "musica" (Ex. http://www.terra.com.br/musica). Com uma pequena diferença, já que o codigo será hospedado numa pagina só para ele, eu queria colocar a referencia esportes dentro do próprio codigo, e a referencia musica na pagina em que o script será aberto.

Ex.

&lt;script type="text/javascript" src='PAGINA DO SCRIPT.js'> MAIS ALGO NESSE CODIGO QUE FAÇA REFERENCIA A ADICIONAR "musica" AO LINK sem precisar colocar a referencia ao "musica" no script carregado na pagina"</script>
Um Amigo meu disse que eu deveria usar getSeconds(), If e Else. Ele só não sabia como encaiaxar isso no script. Bem espero que tenha conseguido ser claro, desde já agradeço, mesmo que não saiba como me ajudar fico muito grato pela atenção que me foi dada. Obrigado a todos. O Codigo é esse:
var max = 3;
var nrImages = 3;
function makeImages() {
this[0] = "URL DA IMAGEM";
this[1] = "URL DA IMAGEM";
this[2] = "URL DA IMAGEM";



this.length = nrImages;
}

function makeLinks() {
this[0] = "http://www.terra.com.br/";
this[1] = "http://www.ig.com.br/";
this[2] = "http://www.yahoo.com.br";



this.length = nrImages;
}


var vetImages = new makeImages();
var vetLinks = new makeLinks();
var x = Math.round(Math.random()*max);
var y = max / nrImages;
for(var cont = 1;cont*y<= max;cont++) {
if (x <= (cont*y)) {
document.write("<a href="+vetLinks[cont-1]+" target=_blank><img src="+vetImages[cont-1]+" border=0></a>");
break;
}
}

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0

Eu uso praticamente a mesma idéia no meu site, para mostrar uma série de links com imagens, dando a impressão de movimento. Só não uso os vetores como está nesse "seu" script. A solução para isso acho que vai ser algo assim:

/*Variaveis Globais*/
    var chamada;    /*Quantidade de links e imagens*/
    chamada=0;

/*Função de Mudanças de Links*/
function mudanca()
{
        switch(chamada)
        {
            case 0: {
                        figura.src="figura1.gif";
                        aleatorio.href="www.terra.com.br";
                        chamada++;
                        break;
                    }
            
            case 1: {
                        figura.src="figura2.gif";
                        aleatorio.href="www.uol.com.br";
                        chamada++;
                        break;
                    }
            
            
            case 2: {
                        figura.src="crisirado_3.gif";
                        aleatorio.href="www.terra.com.br";
                        chamada++;
                        break;
                    }
            
            
            case 3: {
                        figura.src="figura4.gif";
                        aleatorio.href="www.terra.com.br";
                        chamada=0;
                        break;
                    }
        }
}
<html>
<head>
    <title>TESTE DE LINKS</title>
    <script language=javascript src="links2.js" type='text/javascript'> </SCRIPT>
</head>

<body onLoad="setInterval('mudanca()',13000)">

<a href="http://www.mysqlbrasil.com.br" id="aleatorio" target="_blank"> <img src="crisirado_mysql.gif" name="figura"border="0" width="100" ></a><br><br>    

</body>

</html>

Fique atento ao ler os códigos a 4 coisas:

1. O onload no BODY do arquivo HTML

2. A forma que é colocada o link com imagem no arquivo HTML

3. O campo id da chamada de link no HTML, pois o JAVASCRIPT irá modificar o valor desse campo com associação ao nome dele. Perceba que tanto no HTML, como JAVASCRIPT os links tem nome de "aleatorio"

4. O campo nome da chamada de figura, que muda as figuras e funcionará do mesmo jeito dos links.

Dúvidas, posta um retorno...

Abraços.

Editado por _Cristiano_
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...