esta vez estoy en esta parte algo atascada, necesito traer los elementos de un JSON, uno a la vez, pero que por cada vez que se ejecute la function me traiga el siguiente en el JSON, en orden, y que al llegar al ultimo elemento vuelva a empezar a mostrarme desde el primer elemento.
function datos(){
$.get("https://api.myjson.com/bins/ec20e",
function (data) {
datone = data[0].uno;
document.getElementById("traer").innerHTML = datone;
}, "json");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="datos();">datos</button>
<br>
Elemento de json en orden: <span class="traer" id="traer"></span>
sinceramente no tengo la mas mínima idea de hacerlo, sorry. espero puedan entenderme, resumiendo; desde el primer click en el btn, mostrara el uno, luego el dos, tres hasta llegar al diez que es el ultimo del JSON, y cuando así lo haga se reinicie y empieza desde el uno nuevamente.