JSによる時間差画面遷移

Question

JSを用いて15秒ごとに画面が遷移するページを作りたいのですが
以下の様にコーディングしても上手く出来ません。
皆様のお知恵を拝借させて頂けないでしょうか。
宜しくお願い致します。

function show()
{
var page = ["index.html","1.html","2.html","3.html","4.html","5.html"]
$("html").load(page[i]);
}

for(i=0;i<6;i++){
setInterval(show(),15000);
}

Answer 1

こんな感じでどうでしょう?

var i = 0;
var timer = setInterval("show()", 15000);

function show(){
    if(i > 5){
        clearInterval(timer);
        return;
    }
    var page = ["index.html","1.html","2.html","3.html","4.html","5.html"] 
    $("html").load(page[i]); 
    i++;
} 

動作未検証ですので、ご注意ください。

setIntervalは15秒間隔で実行させるので、ループする必要はありません。

Comments

[退会済みユーザー]

ご回答有難う御座いました。
JSに関しては初心者レベルですので大変参考になりました。

[退会済みユーザー]

申し訳ございません。
仕様が変わってしまい、追加で質問させて頂けますでしょうか。
配列の要素2の内容が３パターンあり、その２要素目のみループ中に切り替える事は可能でしょうか。

[orange0190]

可能ですが、正直どのような動作をさせたいのかが掴めません。
もう少し具体的な動作を教えていただけますか?

Answer 2

for(i=0;i<6;i++){ 
    setInterval(show(),15000); 
}

ここが問題ですね。これは結局

i=0; setInterval(show(),15000);
i++; setInterval(show(),15000);
i++; setInterval(show(),15000);
i++; setInterval(show(),15000);
i++; setInterval(show(),15000);
i++; setInterval(show(),15000);

と一気に実行したのと同じで、以降i=5のまま15秒毎にshow()がコールされます。
どうすれば良いかに関しては既に回答している方がいますので割愛します。

Comments

[退会済みユーザー]

ご回答有難う御座います。
なるほど、認識が間違っていた様です。
丁寧なご回答有難う御座います。