ブラウザセッションごとにスクリプトを1回実行しますが、最後にフリーズスクリプト

Question

私は開発サイトhereを持っており、イントロに満足しています。しかし、ブラウザのセッションを一度実行してから、セッションの残りの部分については最終状態を維持するためにこのスクリプトが必要です。これは可能ですか、何かを並べ替えるべきですか？私はこれにはかなり新しく、少しの助けが必要です！私のイントロスクリプトは以下の通りです：

var words = ['websites', 'animation', 'branding', 'illustration']; 
 
var i = 0; 
 
var final = "thirdrail"; 
 
var splash = setInterval(function() { 
 

 
    $("#word").hide().html(words[i++]).fadeIn(500); 
 
    if (i == words.length + 1) { 
 
    $("#word").html(final); 
 
    clearInterval(splash); 
 
    var time = setTimeout(function() { 
 
     $(".overlay").addClass("level"); 
 
     $("#word").addClass("before"); 
 
     $(".logo").addClass("final"); 
 
     $("#static").html('<img src="symbol.svg"/>'); 
 
     $("nav").css('right', '-20px'); 
 
     $(".icon").css('right', '5%'); 
 

 
    }, 2000); 
 
    } 
 

 
}, 1000);

Answer 1

完全な例、必要ならば

var final = "thirdrail"; 
 

 
function startSplash() { 
 
\t var words = ['websites', 'animation', 'branding', 'illustration']; 
 
\t var i = 0; 
 
\t var splash = setInterval(function() { 
 

 
\t \t $("#word").hide().html(words[i++]).fadeIn(500); 
 
\t \t if (i == words.length + 1) { 
 
\t \t \t $("#word").html(final); 
 
\t \t \t clearInterval(splash); 
 
\t \t \t var time = setTimeout(function() { 
 
\t \t \t \t endSplash(); 
 
\t \t \t \t localStorage.setItem("splashed", true); 
 
\t \t \t }, 2000); 
 
\t \t } 
 
\t }, 1000); 
 
} 
 

 
function endSplash() { 
 
\t $("#word").html(final); 
 
\t $(".overlay").addClass("level"); 
 
\t $("#word").addClass("before"); 
 
\t $(".logo").addClass("final"); 
 
\t $("#static").html('<img src="symbol.svg"/>'); 
 
\t $("nav").css('right', '-20px'); 
 
\t $(".icon").css('right', '5%'); 
 
} 
 

 
if(!sessionStorage.getItem("splashed")){ 
 
\t startSplash(); 
 
} else { 
 
\t endSplash(); 
 
}

Answer 2

あなたはクッキー、またはのlocalStorageを使用することができます。

if(localStorage.getItem("intro"){ 
//go to normal page 
}else{ 
localStorage.setItem("intro",true); 
//show intro 
} 

私がこれを書いている間、サムが言ったように...