SORU
16 AĞUSTOS 2011, Salı


Eğer sayfa yükleme bitmiş varsa tespit

Bir şekilde bir sayfa ıe yükleme bittiğinde algılamak için css ve resimler gibi tüm içerik, javascript ve varlıklar var mı?

bunun gibi

if(PAGE HAS FINISHED LOADING)
{
// do something amazing
}

ve de ayrıca bir sayfa en fazla 1 dk sonra yükleniyor eğer bir şey gibi başka gibi

if(PAGE HAS BEEN LOADING FOR 1 MIN)
{
// do something else amazing
}

Apple'ın Gmail gibi Web sitelerine benzer kontroller yaptığını gördüm ama büyük kod kütüphaneleri bunu anlamaya mümkün olmamıştır.

Herkes yardımcı olabilir?

Teşekkürler

EDİT: Bu yapmak istediğim şey aslında

            // hide content
            $("#hide").hide();
            // hide loading
            $("#loading").hide();
            // fade in loading animation
            setTimeout($('#loading').fadeIn(), 200);

            jQuery(window).load(function ()
            {
                $("#hide").fadeIn();

                $("#loading").fadeOut(function () { $(this).remove(); clearInterval(loadingAnim); });

                setTimeout(function ()
                {
                   $("#error").fadeIn();  
                },

                60000);

            });

CEVAP
16 AĞUSTOS 2011, Salı


jQuery(window).load(function () {
    alert('page is loaded');

    setTimeout(function () {
        alert('page is loaded and 1 minute has passed');   
    }, 60000);

});

Veya http://jsfiddle.net/tangibleJ/fLLrs/1/

Ayrıca bir WordPress kullanmak üzerine bir açıklama(pencere) http://api.jquery.com/load-event/ bkz.yük.

Güncelleme

Nasıl javascript çalışır ve iki olay üzerinde ayrıntılı bir açıklamaDOMContentLoadedveYüklendiğindethis page bulunabilir.

DOMContentLoaded: ZamanDOM hazırmanipüle. bu olay yakalama jQuery yolu jQuery(document).ready(function () {}); ile.

Yüklendiğinde: ZamanDOM hazır ve tüm varlıklar- bu içerirresim, iframe, yazı, vb- yüklenmiş ve çıkrık / saat sınıf yok. bu olay yakalama jQuery yolu üzeri jQuery(window).load söz edilmektedir.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • cdgotx

    cdgotx

    8 Kasım 2011
  • FD2097

    FD2097

    21 HAZİRAN 2009
  • Matt Stokes

    Matt Stokes

    22 Ocak 2008