Você deve usar document.cookie
para criar os cookies conforme a necessidade e o script deve rodar em um servidor (como Apache por exemplo), acesso local (protocolo file://
) geralmente não funciona com cookies.
note que alguns navegadores bloqueiam cookies gerados pelo http://localhost
, para contornar o problema use o endereço http://127.0.0.1
Para criar um cookie devemos usar os parâmetros como abaixo:
document.cookie="chave=valor; expires=DATA PARA EXPIRAR; path=CAMINHO";
Note que talvez ao invés de cookies você pode usar localStorage
e sessionStorage
(https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage)
Por exemplo com sessionStorage
:
// Salva dados na sessão
sessionStorage.setItem("username", "John");
// Pega os dados
alert( "username = " + sessionStorage.getItem("username"));
Por exemplo com localStorage
:
// Salva dados na sessão
localStorage.setItem("username", "John");
// Pega os dados
alert( "username = " + localStorage.getItem("username"));
Mas como a questão sobre cookies, irei mostrar um exemplo com tal, iremos precisar de dois métodos para isso:
function getCookie(k) {
var cookies = " " + document.cookie;
var key = " " + k + "=";
var start = cookies.indexOf(key);
if (start === -1) return null;
var pos = start + key.length;
var last = cookies.indexOf(";", pos);
if (last !== -1) return cookies.substring(pos, last);
return cookies.substring(pos);
}
function setCookie(k, v, expira, path) {
if (!path) path = "/";
var d = new Date();
d.setTime(d.getTime() + (expira * 1000));
document.cookie = encodeURIComponent(k) + "=" + encodeURIComponent(v) + "; expires=" + d.toUTCString() + "; path=" + path;
}
Para definir o seu cookie de ID, faça isto:
if (getCookie(id) === null) {//Se o cookie não existir
var tempodevida = new Date();
tempodevida.setTime(tempodevida + (1000 * 60 * 60 * 24 * 2));
setCookie("id", "1|" + String(new Date().getTime()), tempodevida);
} else {
...
}
A string irá formar algo como 1|1419862250858
é o primeiro valor do ID e o numero longo é o que usaremos para comparar as 8 horas.
String(new Date().getTime())
pega o horário que o cookie foi criado
Está linha 60 * 60 * 24 * 2
é um calculo para você entender e modifica-lo conforme a necessidade, ele diz que o cookie deve expirar em dois dias (não tem haver com as suas 8 horas), pois todo cookie deve ter um limite de vida.
O 1000 é por que o Date
trabalha com milesegundos, o primeiro 60 seria segundos, o segundo 60 seria minutos, o 24 é o tanto de horas que temos no dia e o 2 seria dois dias.
Recomendo que você altere apenas o "2", por exemplo que você quiser que o tempo de vida seja de 15 dias, faça isto: 1000 * 60 * 60 * 24 * 15
Agora iremos trabalhar o else
do exemplo. Para verificar devemos usar getCookie
:
var meuCookie = getCookie("id");
ele irá retornar como um destes possíveis valores 1|1419862250858
, 2|1419862250858
e 3|1419862250858
(note que o 1419862250858
é apenas um exemplo de tempo). Devemos "cortar" a string usando String.split
:
meuCookie.split("|");
var id = parseInt(meuCookie[0]);
var tempo = parseInt(meuCookie[1]);
Teremos as variáveis id
e tempo
para compara conforme a sua necessidade, que deve ficar algo como:
Note que 1000 * 60 * 60 * 8
equivale a 8 horas
var tempoAtual = new Date();
tempoAtual.setTime(tempoAtual - (1000 * 60 * 60 * 8));
if (tempo < tempoAtual) {//Se tempo for menor que o limite das 8 horas, então significa que expirou
id++;
if (id >= 3) {//Se id for igual a 3 volta para o 1
id = 1;
}
}
Após isto devemos usar window.location
para redirecionar, seria algo como:
window.location = "http://dominio.com/id" + id;
O código todo deve ficar assim:
function getCookie(k) {
var cookies = " " + document.cookie;
var key = " " + k + "=";
var start = cookies.indexOf(key);
if (start === -1) return null;
var pos = start + key.length;
var last = cookies.indexOf(";", pos);
if (last !== -1) return cookies.substring(pos, last);
return cookies.substring(pos);
}
function setCookie(k, v, expira, path) {
if (!path) path = "/";
var d = new Date();
d.setTime(d.getTime() + (expira * 1000));
document.cookie = encodeURIComponent(k) + "=" + encodeURIComponent(v) + "; expires=" + d.toUTCString() + "; path=" + path;
}
(function () {
if (getCookie(id) === null) {
var tempodevida = new Date();
tempodevida.setTime(tempodevida + (1000 * 60 * 60 * 24 * 2));
setCookie("id", "1|" + String(new Date().getTime()), tempodevida);
} else {
var meuCookie = getCookie("id");
meuCookie.split("|");
var id = parseInt(meuCookie[0]);
var tempo = parseInt(meuCookie[1]);
var tempoAtual = new Date();
tempoAtual.setTime(tempoAtual - (1000 * 60 * 60 * 8));
if (tempo < tempoAtual) {
id++;
if (id >= 3) {
id = 1;
}
}
window.location = "http://dominio.com/id" + id;
}
})();