[Javascript] Sequenza alternata condizionata dal click

sunlightbanana

Utente Attivo
26 Ott 2011
96
0
6
Salve a tutti,
vorrei inseire nella pagina HTML dei caratteri alternati secondo questa sequenza:

appare A in automatico
appare B tramite click
appare A in automatico
appare B tramite click

etc..

in tutto devono apparire alternati 9 caratteri. Inoltre una volta che appare B tramite click, questo deve disabilitarsi fino a quando non compare l' A successivo.

Ho provato così:
Codice:
<p id="a">start: </p>
<script type="text/javascript">
    var x = document.getElementById('a');
    var bln = true;
    function a1() {
        x.innerHTML += ' a1';
    }
    function a2() {
        x.innerHTML += ' a2';
        setTimeout(function() { a1() }, 1000);
    }

    setInterval(function() {
        switch (bln) {
            case true:
                a1();
                bln = false;
                break;
            default :
                x.addEventListener("click", a2);
        }
    }, 1000);
</script>
Ma il click non si disabilita e quindi anche prima che compaiano le A successive, posso premere e far apparire le B tutte insieme.

Grazie a tutti per l'aiuto!
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, puoi rimuovere l'evento con removeEventListener(), prova anche cosi:
Codice:
var x = document.getElementById('a');
    var bln = true;
    function a1() {
        if (bln) {
            x.innerHTML += ' a1';
            x.addEventListener("click", a2);
        }
        bln = false;
    }
    function a2() {
        x.removeEventListener('click', a2, false);
        x.innerHTML += ' a2';
        setTimeout(function () {
            bln = true;
            a1();
        }, 1000);
    }

    setInterval("a1()", 1000);
 
  • Like
Reactions: sunlightbanana
Discussioni simili
Autore Titolo Forum Risposte Data
F Viasualizzazione di immagini in sequenza - Javascript Javascript 3
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 0
F Creare elementi html con javascript Javascript 2
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L [Javascript] Problema salvataggio dati in db Javascript 1
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 19
F classic asp popolare combo box javascript Presentati al Forum 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
F [Javascript] comando innerHTML non funziona Javascript 5
alexice51 proggrammi per scrivere in javascript? Javascript 3
max1974 [Javascript] Accordion aria-exspanded Javascript 0
D [Javascript] salvare immagine canvas - paypal Javascript 0
O [Javascript] Conflitto Jquery: forse... Javascript 0
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
D [Javascript] inserire uno script in un file php Javascript 6
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
K [javascript] Tecnica per rilevare celle contenenti caratteri ricevute in dinamico Javascript 1
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
S [Javascript] Problema costrutto if Javascript 0
I [Javascript] window.location.href porta alla nuova pagina e ritorna incomprensibilmente. Javascript 0
L [Javascript] input variabili di scrittura con canvas Javascript 2

Discussioni simili