Lampeggiamento solo su .hover(), inizia ma non riesco a fermarlo!

otto9due

Utente Attivo
22 Feb 2014
590
25
28
Sto tentando di produrre il lampeggiamento di un div ( contenente un prezzo in offerta ) solo all'hover del mouse su un terzo div ( ad esempio: all'hover del mouse sul bottone acquista, il div contenente il prezzo lampeggia ).
Ho scritto questo:

HTML:
jQuery(document).ready(function( $ ){   
    var myTimer = function(){
                    $("span.prezzo").fadeOut('slow', function(){
                        $("span.prezzo").fadeIn('slow');
                    });   
                  };   
        $("div.scopri-offerta-code").hover( function() {
                setInterval(myTimer, 1000);
        }, function(){
            clearInterval(myTimer);
    });
});

Ora il risultato è che: all'hover mi parte effettivamente il setInterval() facendo lampeggiare il div, ma uscendo dall'hover non parte clearInterval(), o almeno credo.. In pratica parte il lampeggiamento e non si ferma più o_O..

Ho provato e riprovato diverse volte in modo diverso ma nulla.. Qualcuno ha qualche idea?
 
Ultima modifica:

otto9due

Utente Attivo
22 Feb 2014
590
25
28
Provato anche così, tramite alcuni suggerimenti reperiti qui sul forum, ma nulla..
HTML:
function blink(selector){
  $(selector).fadeOut("slow", function(){
    $(this).fadeIn("slow", function(){
      blink(this);
    });
  });
}

jQuery(document).ready(function( $ ){
    $( "div.scopri-offerta-code" ).hover(function() {
        blink("span.prezzo");
    });
});

Continua a reiterarsi all'infinito..

e neanche questa va...

HTML:
var tid = setInterval(lamp, 2000);   
function lamp() {
        $("span.prezzo").fadeOut('slow', function(){
            $("span.prezzo").fadeIn('slow');
                lamp();
        });
}
function abort() {
  clearInterval( tid );
}   

jQuery(document).ready(function( $ ){   
    $("div.scopri-offerta-code").hover( function() {
                lamp();
        }, function(){
                abort();
    });
});
 
Ultima modifica:

otto9due

Utente Attivo
22 Feb 2014
590
25
28
Mi sono scervellato e alla fine ce l'ho fatta, così funziona, il div lampeggia finalmente solo all'hover del mouse finendo di lampeggiare quando esco con il mouse.
Ecco il codice che funziona:

HTML:
setInterval(function(){
    var $divCont = $("div.scopri-offerta-code");
    if($divCont.is(":hover")) {
               $("span.prezzo").fadeOut('slow', function(){
            $("span.prezzo").fadeIn('slow');
        });
    }
    else {
       $("span.prezzo").fadeIn('slow');
    }
}, 200);
 
Discussioni simili
Autore Titolo Forum Risposte Data
F lampeggiamento jquery Javascript 1
G E' possibile dare la vividezza in un colpo solo a più foto Photoshop 1
R È possibile ricevere avvisi di accesso da Google su un solo telefono senza disconnettersi dall'account? Discussioni Varie 0
C O solo internet o solo rete aziendale Adsl e Connettività 0
D visualizzare solo foto filtrate jQuery 1
nivaria.achinet Intercettare form solo dopo invio Javascript 1
otto9due Input text: accetta solo numeri e non può essere vuoto. Javascript 9
D Stampa a video solo campi compilati MySQL 1
V Mailchimp - box di testo: cambia da solo il testo inserito Email Marketing 2
P Passare solo alcuni parametri a script per CSV PHP 0
L php mysql non salva solo id PHP 21
W visualizzare solo file html e sottocartelle di una cartella PHP 1
C copiare solo le vocali di un file in un'altro file PHP 2
A Dare l'accesso ad una pagina solo ad un utente specifico PHP 0
J GIT: Tracciare file nati successivamente SOLO in produzione HTML e CSS 0
T foreach e fetchAll dove recupero solo l'ultimo record PHP 5
Cosina Mostrare immagini da una cartella, ma solo un numero definito PHP 12
S NVR Hikvision : è on-line solo di giorno senza nessun motivo IP Cam e Videosorveglianza 17
L login con solo un codice PHP 3
X Dichiarare variabili solo al caricamento della pagina PHP 3
D Moltiplicazioni con solo addizioni in php PHP 5
G Eseguire codice solo al termine della chiamata ajax Ajax 1
C Dove trovo ipcamera cgi solo html IP Cam e Videosorveglianza 0
L Programma per registrare solo schermo Mac e Software 4
M [PHP] Mostrare risultati di una tabella ma solo se ID è attivo PHP 0
F [WordPress] [HTML] Aggiungere una pagina solo allo sticky menu WordPress 4
L Cambiare classi solo scroll up jQuery 2
Cosina [PHP] Preservare i campi del form solo se l'invio non ha successo PHP 5
Zio Crick Windows 8.1 accede ai NAS solo in lettura Windows e Software 0
G I problemi non vengono solo per nuocere Presentati al Forum 0
C [PHP] Accesso ad un file specifico solo in base al server assegnato PHP 2
C [PHP] Estrapolare solo l'anno da una data di nascita inserita in un campo PHP 8
A Vendo gruppi con più di 70K utenti italiani a solo 100 euro Annunci servizi di Social Media Marketing 0
felicialipari [MS Access] Solo quarto di ora e ho un problema MS Access 2
P [PHP] Limitare login ad un solo utente per volta PHP 12
I Scelta rete per 500 connessioni wifi solo LAN Reti LAN e Wireless 0
Merlina3377 [PHP] estrarre solo un determinato id da tanti con REGEXP O LIKE PHP 1
T [Javascript] Google maps con puntatore animato funziona solo in locale Javascript 1
G Fare scaricare con M.O. solo la posta nuova. Posta Elettronica 3
trattorino [PHP] Scaricare solo utenti online o di un determinato tempo PHP 4
asevenx [HTML] -webkit-filter solo su immagine di background HTML e CSS 5
trattorino css solo se richiama un class di un div HTML e CSS 1
jonnino2004 [VENDO][DOMINIO] dominio tv-blog.t solo dominio Compravendita siti e domini 0
O E' possibile usare NVR solo IP camere remote? IP Cam e Videosorveglianza 2
andry79fi [CEDO] - winserver.it - Solo Dominio Compravendita siti e domini 0
G [OFFRO] Creazione siti web CMS e non solo Offerte e Richieste di Lavoro e/o Collaborazione 0
T mostrare solo una volta il risulato doppio Database 10
bubino8 [Javascript] Problema function eseguita solo la prima volta Javascript 1
D Elenco File cartella solo HTML HTML e CSS 7
A Modifiche a CSS recepite solo dopo cambio nome cartella HTML e CSS 2

Discussioni simili