Jquery Settimeout Çalışmıyor?

19-12-2017, 17:44:37

Kimlik doğrulama veya yönetimden onay bekliyor.

Merhaba Arkadaşlar https://gasparesganga.com/labs/jquery-loading-overlay/ şu adreste bulunan plugin'i kullanıyorum. Kullanım Şekli:

$.LoadingOverlay("show", { image : "", fontawesome : "fa fa-spinner fa-spin" });

Bu şekilde ve İstediğimiz süre sonrasında durması içinde

setTimeout(function(){ $.LoadingOverlay("hide"); }, 3000);

Kullanıyoruz. Burada 3 saniye sonra durması gerekiyor ancak sayfayı yenilemeden durmuyor. 3000 süresini 1000 yaptığımızda ise sorunsuz çalışıyor.
Burada çalışan fonksiyonu 3 saniye sonra başka türlü nasıl durdurabilirim?
Kullanım Şeklim:

$(document).ready(function(site){
    $("#button").on("click", function(){
$.LoadingOverlay("show", {
    
    image       : "resources/img/loader.gif",
    color           : "rgba(255, 255, 255, 0.2)",
    maxSize         : "100px",
});
setTimeout(function(){$.LoadingOverlay("hide");},3000);
    });
        

});

19-12-2017, 17:59:02

#2

Scythe2112

setTimeout yerine setInterval metodunu dener misin ?

19-12-2017, 18:02:53

#3

sercander

Scythe2112 adlı üyeden alıntı: mesajı görüntüle

setTimeout yerine setInterval metodunu dener misin ?

Onuda Denedim hocam aynı gif dönemeye devam ediyor saniye sonra kapanmıyor.

20-12-2017, 12:41:15

#4

DesignSoftware

Merhaba hocam, plugini indirdim ve kendi bilgisayarımda chrome ve mozilla üzerinde test ettim. Gayet sorunsuz çalışıyor bende. Belki head etiketi arasındaki scriptleri ekleme sırası vb. den kaynaklanabilir. Çalışan örneğin tüm kodlarını ekliyorum aşagıya, kolay gelsin.

<!DOCTYPE html> <head> <title>LoadingOverlay Deneme</title> <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> <script src="loadingoverlay.js"> </script> <script> $(document).ready(function(site){ $("#button").on("click", function(){ $.LoadingOverlay("show", { image : "loading.gif", color : "rgba(255, 255, 255, 0.2)", maxSize : "100px", }); setTimeout(function(){$.LoadingOverlay("hide");},3000); }); }); </script> </head> <body> <button type="button" id="button">TIKLA</button></br></br> ANASAYFA ICERİGİ </body> </html>

20-12-2017, 20:22:15

#5

sercander

DesignSoftware adlı üyeden alıntı: mesajı görüntüle

Merhaba hocam, plugini indirdim ve kendi bilgisayarımda chrome ve mozilla üzerinde test ettim. Gayet sorunsuz çalışıyor bende. Belki head etiketi arasındaki scriptleri ekleme sırası vb. den kaynaklanabilir. Çalışan örneğin tüm kodlarını ekliyorum aşagıya, kolay gelsin.
<!DOCTYPE html> <head> <title>LoadingOverlay Deneme</title> <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> <script src="loadingoverlay.js"> </script> <script> $(document).ready(function(site){ $("#button").on("click", function(){ $.LoadingOverlay("show", { image : "loading.gif", color : "rgba(255, 255, 255, 0.2)", maxSize : "100px", }); setTimeout(function(){$.LoadingOverlay("hide");},3 000); }); }); </script> </head> <body> <button type="button" id="button">TIKLA</button></br></br> ANASAYFA ICERİGİ </body> </html>

İlginiz için Teşekkür ederim hocam. Dün bir arkadaş daha yardımcı oldu ama ondada sonuç aynı oldu teşekkür ederim ilginiz için. Çözümü plugin değiştirmekte buldum.

20-12-2017, 23:00:16

#6

DesignSoftware

@sercander; Rica ederim hocam, iyi çalışmalar kolay gelsin..