js Ideia mais complicada que já tive JS, Ajuda Por-favor

[Tecno-Moz 0]

Ola Pessoal, Bom estou a tentar fazer um script em JS que basicamente vai fazer o seguinte. O script vai ter um array com 5 links diferentes e numa pagina vai ter um botão que vai receber os links que estao no array um por um, mas esses links devem seguir uma sequência e um link só pode mudar se tiver sido clicado, ele muda para o link a seguir e quando todos terminam ele volta para o primeiro array['0'] link.
Exemplo: 1 = google.com 2 = youtube.com 3= site.com, o primeiro fica 1 = google.com ele só muda quando for clicado caso não ele permanece na fila mas depois de ser clicado passa o 2 = youtube.com e quando o ultimo que e 3 = site.com for clicado ele volta a refazer o processo tipo 1 , 2 , 3 —- 1, 2, 3  —- 1, 2, 3, isso ate o infinito mas isso só si eles forem clicados.
já tentei fazer isso no PHP já que sou um Dev php mas não deu nada certo, e ai um cara falou que o que estou tentando fazer ficaria fácil de se implementar com JS, e ai entra o grande problema eu não manjo muita coisa do JS, por isso estou aqui a procura de ajuda.

[Billy 11]

Isso deve atender.

 

https://jsfiddle.net/0yno82az/

 

(function(view){

var links = ['http://google.com','http://youtube.com','http://imasters.com.br'];
var counter = 0;

$("#recebe-links").on('click',function(e){
	e.preventDefault();
  if(counter === links.length){
  	counter = 0;
  }
    view.open(links[counter],'_blank');

  counter++;
});

})(this);

 

[Tecno-Moz 0]

4 horas atrás, Billy disse:

Isso deve atender.

 

https://jsfiddle.net/0yno82az/

 

(function(view){

var links = ['http://google.com','http://youtube.com','http://imasters.com.br'];
var counter = 0;

$("#recebe-links").on('click',function(e){
	e.preventDefault();
  if(counter === links.length){
  	counter = 0;
  }
    view.open(links[counter],'_blank');

  counter++;
});

})(this);

 

 

Mano muito Obrigado pelo seu tempo, O script funcionou muito bem, mas quando eu recarrego a pagina ele não retoma onde parrou tipo: clico a parece google.com o a seguir  deveria ser youtube.com e ai eu nao clico e recarrego a pagina ele volta para o google.com não continua no youtube.com que não foi clicado, Agradeceria muito se conseguisse por essa minha ideia em pratica. 

[wootzor 103]

JavaScript é executado do lado do cliente (client-side) pelo que, a menos que seja escrita essa informação em algum lado (localStorage e/ou cookie) não há forma de saber qual o último site para um determinado utilizador.

[Tecno-Moz 0]

55 minutos atrás, wootzor disse:

JavaScript é executado do lado do cliente (client-side) pelo que, a menos que seja escrita essa informação em algum lado (localStorage e/ou cookie) não há forma de saber qual o último site para um determinado utilizador.

Obrigado pelo seu tempo, acho que vou tentar fazer com php pegando os sites no Banco e fazendo +1 id quando um link for clicado e um if no ultimo id para ele voltar pro primeiro site da lista.

[Billy 11]

você precisa guarda na session do php o último counter, e preenche a variavel do JS com o valor quando recarregar