javascript - JS 関数は、クリックごとに起動し、クリックをカウントし、次の順序で

Question

私は自分の JS 関数を整理して、onClick次々ときちんと発生させようとしています。現在、それらはすべて順不同で発砲しており、スクランブルをかけています。Click = 1 とは対照的に、これを行います。そして Click=2 はこれを行います。ポインタはありますか？以下は私のJSです。完全なデモ リンクは、' http://bit.ly/10BW89N 'で見ることができます。私のデモにアクセスして、クリックが 1、2、3、4 などの順序で続いていないことに気付くと、私が何を意味するかがわかります。

くぎの頭をクリックすると、クリック3が突然クリック8にスキップすることに注意してください。特定のクリック数ごとに機能を簡単に追加できるように、これを実行しようとしています。例えば。30 回目のクリック、ラスト クリックは本当に素晴らしいことを行いますが、3 回目のクリックではなく、30 回目のクリックで起動する必要があります。

$(document).ready(function () {
    var a1_Events = [function1, function2, function3, function5, function6, function7, function8],
        a1_c = 0;
    function function1() {
        alert('Click 1!');
    }
    function function2() {
        alert('Click 2!');
    }
    function function3() {
        $("#area1").hide();
        $("#area2").show();
        alert('Click 3!');

    }
    function function5() {
        alert('Click 4!');
    }
    function function6() {
        $("#bg_div").hide(0).delay(1500).show(0);
        $("#bg_skew").show(0).delay(1500).hide(0);
        alert('Click 5!');

    }
    function function7() {
        alert('Click 6!');
    }
    function function8() {
        $("#area1").hide(0).delay(1500).show(0);
        $("#area2").hide(0).delay(1500).show(0);
        $("#sound1").show(0).delay(4500).hide(0);

            document.getElementById("id1").play(); // OK..

        $("#hammer").show(0).delay(1500).hide(0);
        $("#youwin").show(0).delay(3500).hide(0);
        alert('Click 7!');


    }
    $('#area1').click(function () {
        a1_Events[a1_c++ % a1_Events.length]();
    });
    $("#area2").click(function () {
        $("#area1").show();
        $("#area2").hide();
          alert('Click 8!');
    });
});

function alert(msg) {
    $("#alert").text(msg).show(0).delay(1500).hide(0);
}

以前のプロジェクトで -- ビデオ内のカスタム キューポイントの定義。以下のように、カスタムキューポイントをきちんと呼び出して宣言する解決策を見つけました。CLICKS で同様のことができれば、COOL ( http://www.urbandictionary.com/define.php?term=cool )になります。キューポイントで行ったのと同じように、現在の関数がクリックごとにきちんと表示されるように整理して、関数を簡単に追加できるようにします。クリックごとに何が起こるかを更新します

$(document).ready(function(){
//Slides object with a time (integer) and a html string
var slides = {
0: "This is the first subtitle. You can put html in here if you like",
4: "A fluffy thing eating some grass.",
12: "Oh look it's a castle on a hill. Nice",
23: "Some horses",
34: "Wow look at those woolly sheep eating grass.",
40: "For more information on this plugin visit github/owainlewis or email owain@owainlewis.com",
50: "Cuepoint.js is an open source plugin for adding subtitles and cue-points to your HTML5 video"
}