[jQuery] クリックで連番関数を順番に実行

締切済

質問者：t-rabbitfoot
質問日時：2014/03/11 11:24
回答数：2件

ボタンをクリックする度に連番で作成した関数を順番に実行したいのですが、スマートな書き方がわかりません。
下記のコードで一応動くのですが、関数が100個とかに増えた場合すごくコードが長くなってしまいます。
もっとスマートに書く方法はないものでしょうか？

▼サンプルコード

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10 …
<script>
$(function(){
function s1(){alert('s1');};
function s2(){alert('s2');};
function s3(){alert('s3');};

var num = 1;

$('p').click(function() {
if(num == 1){s1();}
else if(num == 2){s2();}
else if(num == 3){s3();}
num++;
return false;
});
});
</script>
</head>
<body>
<p>click</p>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： fujillin
回答日時：2014/03/11 14:59

ANo1です。

例えば、以下のようにすることで、呼び出す毎に順番に実行する関数を定義することも可能です。
var Func = (function(){
　var i = 0. funcs = [
　　function(){ alert("s1"); },
　　function(){ alert("s2"); },
　　function(){ alert("s3"); }
　];

　return function(){
　　funcs[i]();
　　i = ++i % funcs.length;
　}
})();

Func(); // s1
Func(); // s2
Func(); // s3
Func(); // s1