• 06-05-2013, 17:01:38
    #1
    merhaba, yanıp sönen kutular yapmak istiyorum. setinterval kullandım. Fakat yanıp sönmeyi iptal etmek istiyorum iptal olmuyor nasıl yapabilirim?
  • 06-05-2013, 18:48:10
    #2
    örnek bir calismami alt'dan indirebilirsiniz:

    http://www.dosya.tc/server8/Jr4Xi5/yans_n.rar.html
  • 09-05-2013, 18:59:18
    #3
    Remzi0068 adlı üyeden alıntı: mesajı görüntüle
    örnek bir calismami alt'dan indirebilirsiniz:

    http://www.dosya.tc/server8/Jr4Xi5/yans_n.rar.html
    Örnek için çok teşekkür ederim, fakat benim daha önce almış olduğum hata burada da devam ediyor. Yani durmuyor
  • 14-05-2013, 12:23:23
    #4
    Üyeliği durduruldu
    Kendi yaptığın setInterval'i paylaşırmısın. Alıntılayarak paylaşırsan yardımcı olurum. (bildirim gelsin)
  • 14-05-2013, 14:18:25
    #5
    Archer34 adlı üyeden alıntı: mesajı görüntüle
    Kendi yaptığın setInterval'i paylaşırmısın. Alıntılayarak paylaşırsan yardımcı olurum. (bildirim gelsin)
    durdurmak için bunu kullanıyorum
    for (var i = 1; i < 50; i++)
    clearInterval(i);

    bu şekilde de yanıp sönmeyi oluşturuyorum

    function input_flashing(id)
    {
    setInterval(function(){
    $(id).animate({ opacity: '100' }, 300, function(){
    $(id).css('background-color', '#FFFFFF').css('border','1px solid #CCCCCC').css('box-shadow','0 1px 1px rgba(0, 0, 0, 0.075) inset').css('transition','border 0.2s linear 0s, box-shadow 0.2s linear 0s');
    });
    $(id).animate({ opacity: '100' }, 300, function(){
    $(id).css('border-color','rgba(82,168,236,.6)').css('outline',0).css ('box-shadow','inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)');
    });
    }, 1000);
    }
  • 14-05-2013, 15:25:28
    #6
    Üyeliği durduruldu
    Cycl0ne adlı üyeden alıntı: mesajı görüntüle
    durdurmak için bunu kullanıyorum
    var setFlash = false;
    var setStop = false;
    
    function stopFlash() { setStop = true; }
    function contiuneFlash() { setStop = false; }
    function deleteFlash() { clearInterval(setFlash); }
    
    function createFlash(id) {
        setFlash = setInterval(function(){
            if (!setStop) {
                $(id).animate({ opacity: '100' }, 300, function(){
                    $(id).css('background-color', '#FFFFFF').css('border','1px solid #CCCCCC').css('box-shadow','0 1px 1px rgba(0, 0, 0, 0.075) inset').css('transition','border 0.2s linear 0s, box-shadow 0.2s linear 0s');
                });
                $(id).animate({ opacity: '100' }, 300, function(){
                    $(id).css('border-color','rgba(82,168,236,.6)').css('outline',0).css ('box-shadow','inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)');
                });
            }
        }, 1000);
    }
    Başlatmak için createFlash, silmek için deleteFlash, durdurup devam ettirmek içinde stop ve contiune fonksiyonları var. Kolay gelsin.
  • 14-05-2013, 15:38:18
    #7
    Archer34 adlı üyeden alıntı: mesajı görüntüle
    var setFlash = false;
    var setStop = false;
    
    function stopFlash() { setStop = true; }
    function contiuneFlash() { setStop = false; }
    function deleteFlash() { clearInterval(setFlash); }
    
    function createFlash(id) {
        setFlash = setInterval(function(){
            if (!setStop) {
                $(id).animate({ opacity: '100' }, 300, function(){
                    $(id).css('background-color', '#FFFFFF').css('border','1px solid #CCCCCC').css('box-shadow','0 1px 1px rgba(0, 0, 0, 0.075) inset').css('transition','border 0.2s linear 0s, box-shadow 0.2s linear 0s');
                });
                $(id).animate({ opacity: '100' }, 300, function(){
                    $(id).css('border-color','rgba(82,168,236,.6)').css('outline',0).css ('box-shadow','inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)');
                });
            }
        }, 1000);
    }
    Başlatmak için createFlash, silmek için deleteFlash, durdurup devam ettirmek içinde stop ve contiune fonksiyonları var. Kolay gelsin.


    Yardımınız için çok teşekkür ederim