페이지 새로 고침시 텍스트 변경/순환

Question

페이지 새로 고침시 텍스트가 임의로 업데이트되는 div가 있는데, 필요한 것은 페이지가 다시로드 될 때마다 무작위로 표시되는 순서대로 순환되는 텍스트입니다.

var myFact = new Array(); 
    myFact[0] = "I have a dog"; 
    myFact[1] = "My favorite sport is hockey"; 
    myFact[2] = "I like chocolate"; 
    myFact[3] = "Orange is my favorite color"; 
var myRandom = Math.floor(Math.random()*myFact.length); 
document.getElementById('myFact').innerHTML= myFact[myRandom]; 

(

이 같은 쉬운 요청은 겉으로과 나는 함께 따를 내가 여기에 살아 먹을 수 있습니다 두려워하기 때문에 : 예, 나는 그것을 검색 좀하지만 내 비에 의미가 답을 찾을 수 없습니다 -js-실력 뇌. 어떻게 클릭에 사이클을 통해 또는 페이지 새로 고침 무작위 업데이트에 많은 ...하지만 어떻게 페이지 새로 고침에 대한주기를 통해에)

http://jsfiddle.net/pixeloco/Ma2VA/

Answer 1

당신이 사용하는 로컬 스토리지를 달성 할 수있다. 세션 기반입니다. (브라우저가 닫힐 때까지 사라지지 않을 것이다).

당신은 새로 고친 후에 보존하려는 바스를 넣기 위해 버킷으로 localStorage 객체를 사용할 수 있습니다.

<div id="myFact"></div> 
<script> 
if (typeof(Storage) !== undefined) { 
    var myFact = new Array(); 
    myFact[0] = "I have a dog"; 
    myFact[1] = "My favorite sport is hockey"; 
    myFact[2] = "I like chocolate"; 
    myFact[3] = "Orange is my favorite color"; 
    //var myRandom = Math.floor(Math.random()*myFact.length); 
    if (!localStorage.factIndex) { 
     localStorage.factIndex = 0; 
    } else { 
     localStorage.factIndex = (localStorage.factIndex >= (myFact.length-1)) ? 0: parseInt(localStorage.factIndex)+1; 
    } 
    document.getElementById('myFact').innerHTML = myFact[localStorage.factIndex]; 
} else { 
    //LocalStorage not supported with this browser 
} 
</script>