Due Pulsanti con per lanciare funzione

ivarello

Utente Attivo
14 Dic 2012
211
1
16
Ragazzi mi sto un pò incartando, forse qualcuno mi può dare una mano.
Praticamente ho un pulsante, che al click fa blinkare un "led" per 10 secondi, quello che vorrei fare è un pulsante conferma che se premuto entro i 10 secondi, mandi un comando comando che in questo caso è far rimanere il led acceso, ma in seguito una funzione insieme al led.
Vi posto il codice:
HTML:
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script>
var blinkRun = false;
    var times = 0;
    function blink(selector, id, cmd) {
        if (cmd == 'ferma') {
            times = 34;
        }
        if (times != 34) {
            $(selector).attr('class', 'acceso_verde_spia').fadeIn();
            $(selector).fadeOut('slow', function () {
                $(this).fadeIn('slow', function () {
                    times++;
                    if (times++ < 30) { // ogni 3 loop abbiamo un secondo
                        $("#result" + id + "").text(times++);
                        blink(this, id, cmd);
                        blinkRun = true;
                    } else {
                        $(selector).attr('class', 'spento_verde_spia');
                        times = 0;
                        blinkRun = false;
                    }
                });
            });
        }
    }
    $(document).on("click", "div[id^='controllo_']", function () {
        var Id = $(this).attr('id').split("controllo_");
        var numId = Id[1];
        if (blinkRun == false) {
            blink("div[id^='p" + numId + "']", numId, 'avvia');
        } else if (blinkRun == true) {
            blink("div[id^='p" + numId + "']", numId, 'ferma');
        }
    });
    $(document).on("click", "#registra_comando", function () {
        if (blinkRun == true) {
            blink("div[id^='p" + numId + "']", numId, 'registra');
        }
    });
</script>
<div id="controllo_1"></div>
<div id="controllo_2"></div>
<div id="controllo_3"></div>
<div id="registra_comando"></div>
<div id="p1_spia_centro_alta_sinistra" class="spento_verde_spia"></div>
<div id="p2_spia_centro_bassa_sinistra"></div>
 <div id="p3_spia_centro_alta_destra"></div>
 

Discussioni simili