clearInterval() mögliche Fehler?

[designerfreak]

Hi Leute,

Bin grade dabei eine dynamische Blendenfunction zu programmieren, nur hab ich da ein paar kleiner Probleme.

Undzwar erklär ich es mal kurz. Es wird ein Bild geladen und eingeblendet. Wenn ich ein anderes Bild mir anzeigen lassen will soll das Vorhergehende Bild ausgeblendet werden und das neue eingeblendet.

Für Ein- und Ausblendeffekte habe ich zwei Funktionen. beim ersten einblenden macht clearInterval() seinen Job, nur wenn ich ein Interval in einem Interval erzeuge, welches gerade gestoppt wurde, kann das neue Interval nicht mehr gelöscht werden, d.h. clearInterval() wird quasi gesagt ignoriert.

egal ob ich

PHP-Code:

clearInterval( _global.intervalId);
// oder
clearInterval( this ); 


mache.

Selbst wenn ich die IDs der Intervalle an einen MC hänge wird das löschen ignoriert. Es läuft dann immer der Einblendeffekt weiter und ich kann ihn nicht stoppen.

Hier mal Code:

PHP-Code:

/**************************************************************************************************
 *        Bild dem Slider hinzufügen
 *        @sPath:        lokaler Pfad
 *        @nYPos:    Y-Position des Bildes
 *        @sImgID:    Bildindex als String(Bsp.  001)
 *        @nWidth:    Breite
 *        @nHeight:    Höhe
 *        @sFormat:    Bildformat 
 *        @nPicNr:    Bildnummer
 **************************************************************************************************/
function addImage( sPath:String, nYPos:Number, sImgID:String, nWidth:Number, nHeight:Number, sFormat:String, nPicNr:Number )
{    
    // Beim ersten Aufrunf, laden des ersten Bildes
    if( sImgID == "001" )
         imageBlendEffect( sPath, sImgID, 1 );
    
    // verkürtztes Bildformat
    sFormat == "horizontal"
        ?    sFormatBg = "H"
        :    sFormatBg = "V";

    // Erstellen des Slider an der Seite
    mcImg = new MovieClip();
    mcImg = this.createEmptyMovieClip( "img" + sImgID, this.getNextHighestDepth() );
    
    mcImg.mcImgBg = mcImg.createEmptyMovieClip( "bg", 0 );
    mcImg.mcImgBg.attachMovie( "bg" + sFormatBg , "bg", 0 );
    mcImg.mcImage = mcImg.createEmptyMovieClip( "img", 1 );
    
    sImgPath = sPath + "/mini/" + sImgID + ".jpg";
    mcImg.mcImage.loadMovie( sImgPath );
    
    mcImg._x = 0;
    mcImg._y = _global.nNextYValue;
    mcImg.mcImgBg._x = -1;
    mcImg.mcImgBg._y = - 1;
    
    // Klickfunktion für jedes Bild
    mcImg.onRelease = function()
    {
         imageBlendEffect( sPath, sImgID, 3);
    }
    
    //trace(_global.nNextYValue);
    _global.nNextYValue += new Number(nHeight) + 10;
}

/**************************************************************************************************
 *        Blenden-Effect zwischen den einzelnen Großen Bildern
 *        @sPath:        lokaler Pfad
 *        @sImgID:    Bildindex als String(Bsp.  001)
 *        @nOption:    1 = einblenden; 2 = ausblenden; 3 = ein- und ausblenden
 **************************************************************************************************/
function imageBlendEffect( sPath:String, sImgID:String, nOption)
{
    if( nOption == 1 )
    {
        clearInterval( _root.bigImage_mc.ivBlendOut );
        _root.bigImage_mc._alpha = 0;
        loadBigImage( sPath, sImgID );
        _global.ivBlendIn = setInterval( blendIn, _global.nBlendSpeed );
    }
    else if( nOption == 2 )
    {
        clearInterval( _root.bigImage_mc.ivBlendIn );
        _root.bigImage_mc._alpha = 100;
        _global.ivBlendOut = setInterval( blendOut, _global.nBlendSpeed, sPath, sImgID, 0 );
        loadBigImage( sPath, sImgID );
    }
    else if( nOption == 3 )
    {
        _global.ivBlendOut = setInterval( blendOut, _global.nBlendSpeed, sPath, sImgID, 1 );
    }
}
/***** Ausblenden *****/
function blendOut( sPath:String, sImgID:String, nOption:Number )
{
    trace( "AUS: " + _root.bigImage_mc._alpha )
    _root.bigImage_mc._alpha > 0
        ?    _root.bigImage_mc._alpha -= 10
        :    clearInterval( _global.ivBlendOut );
    if( nOption == 1 && _root.bigImage_mc._alpha <= 0 )
    {
        loadBigImage( sPath, sImgID );
        _global.ivBlendIn = setInterval( blendIn, _global.nBlendSpeed );
    }
}
/***** Einblenden *****/
function blendIn()
{
    trace( "EIN: " + _root.bigImage_mc._alpha )
    if( _root.bigImage_mc._alpha <= 100 )
        _root.bigImage_mc._alpha += 10
    else
    {
        trace( "Interval löschen: " + _global.ivBlendIn)
        clearInterval( _global.ivBlendIn );
        clearInterval( this );
    }
}
/**************************************************************************************************
 *        laden des Großen Bildes
 *        @sPath:        lokaler Pfad
 *        @sImgID:    Bildindex als String(Bsp.  001)
 **************************************************************************************************/
function loadBigImage( sPath:String, sImgID:String )
{
    sImageFile = sPath + "/" + sImgID + ".jpg";
    nImgID = new Number( sImgID ) - 1;
    
    // Aus einem gegebenen Array wird ein Wert entnommen (Bildformat)
    aChilds[nImgID].width == 128
        ?    sBigForm = "H"
        :    sBigForm = "V";
        
    // MovieClip erstellen für Bild und Hitergrund
    mcBg = _root.bigImage_mc.createEmptyMovieClip( "BackGround_mc", 0 );
    mcImage = _root.bigImage_mc.createEmptyMovieClip( "Image_mc", 1 );
    // Hintergrund zeichnen
    unloadMovie(mcImage);
    mcImage.loadMovie( sImageFile );
    // Bildhintergrund (Rahmen)
    mcBg.beginFill( 0x000000, 100 );
    mcBg.moveTo( -1, -1 );
    if( sBigForm == "H" )
    {
        mcBg.lineTo( 641, -1 );
        mcBg.lineTo( 641, 481 );
    }
    else
    {
        mcBg.lineTo( 361, -1 );
        mcBg.lineTo( 361, 481 );
    }
    mcBg.lineTo( -1, 481 );
    mcBg.lineTo( -1, -1 );        
    mcBg.endFill();
}

// Erstellen der Bilder im Slider
for( nI:Number = 0; nI < aChilds.length; nI++ )
{
    addImage( _global.galeriePath, 0, aChilds[nI].id, aChilds[nI].width, aChilds[nI].height, aChilds[nI].format, nI );
} 


Danke schon mal im Vorraus....

[hgseib]

Zitat von designerfreak

Undzwar erklär ich es mal kurz.

wow, das dürfte die kürzeste erklärung gewesen sein, die ich je gesehen habe ;-)
leider habe ich nicht so viel zeit deinen kurzen betrag komplett zu lesen.

generell:
- es schadet nichts, vorher ein altes si zu unterbrechen
- immer darauf achten, das keine si-nummer überschrieben wird, bevor das alte si nicht gestoppt wurde.
clearInterval(si);
si=setInterval(...

[designerfreak]

Das Tolle ist ja ich lasse mir die si auch anzeigen. Alsi als si wird 4 angezeigt, nur kann ich machen was ich will.
Woher weiß ich eigentlich welche Intervalls noch laufen und welche nicht?

Es wird für jedes Interval einen neue si produziert, halt eine fortlaufende Nummer wie bei SQL "autoincrement".

Bei einer Galerie wäre das schon sehr aufwendig die ganzen si zu prüfen ob sie vorhanden sind oder nicht und sie alle zu "clearen".

Aber ch werde es mal ausprobieren, danke dir für deine schnelle Antwort.

[hgseib]

ein setInterval behält immer seine nummer. könnte man als prozessnummer verstehen. das hintereinander in eine variable unterschiedliche setInterval-nummern gespeichert werden und dadurch intervalls übrig bleiben ist ein klassiker. sowas passiert z.b. auch wenn ein frame verlassen und ein objekt gelöscht wird: das setInterval läuft weiter.

da hilft wirklich nur gewissenhaft jedes erzeugte interval auch wirklich zu löschen.
- das mit dem generell vorher löschen, bevor ein neuer interval gestartet wird hilft
- ansonsten alle intervall-nummern in ein array packen:

http://www.seibsprogrammladen.de/fra...thmen/Interval
mehrere Interval's