Desejo criar um contador automático, que venha marcando em que número se encontra a cada segundo.
Para isso acontecer, tenho em mente que ele deverá pular de um elemento <a>
para outro a cada segundo.
Estou efetuando testes manualmente, para depois programar a auto-contagem.
A lógica toda é simples, a cada clique uma descida para um número anterior
Código
el = document.getElementsByTagName('a')
var x = 0, y = 0;
function voltar()
{
if(y == 6 || x == 0)
alert("Limite!");
else {
el[x].style.color = "red";
el[y].style.color = "black";
}
x--;
}
a
{
text-decoration: none;
cursor: pointer;
padding: 3px;
color: black;
}
<a onclick="voltar(x--)" id="menos">Você está no:</a>
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
<a style="color:red">5</a>
A cada clique na palavra Você está no: então ele deveria descer para o número menor/antecessor
NOTA - a cor anterior deve ser restaurada, ficando em cor vermelho só o número em destaque.