function が2度実行される。

Question

以下のコードを実行すると
function bの内容が function aの実行と同時に1回実行され、
その後再び実行されてしまいます。
どうすれば良いのでしょうか。

var page = ["top.html","cm.html","menu","cm.html","skeleton.html","cm.html","poster.html"];
var i = 0;
var menucnt = 1;

setInterval("a()",2000);

function b()
{
	//alert();
	if(i == 2)
	{
		document.iframe.location = page[i]+menucnt+".html";
		menucnt ++;
	}
	else
	{
		document.iframe.location = page[i];
	}
	$('iframe').fadeIn(2000);
}

function a()
{
	//alert("1");
	if(i > 6)
	{
		i = 0;
	}

	if(menucnt > 3)
	{
		menucnt = 1;
	}

	$('iframe').fadeOut(2000,b());
	i ++;
}

Comments

[MIURA_Yasuyuki]

どういう動きにしたいか書いて欲しいです。2回実行されるのが1回実行されるようにしたいのでしょうか?setIntervalを使っているので、何度も繰り返す事を期待しているようにも見えますが…

Answer 1

setInterval()は一定時間で繰り返す処理を行う場合に使用します。
繰り返す･･･ということは複数回呼び出しされてしまいます。

指定時間後に一度だけ呼び出したい場合には、
setTimeout()を使用してください。

参考：
window.setInterval