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

  • Capcom Unity

    Capcom Unity

    5 NİSAN 2010
  • Rachel Talbott

    Rachel Talbo

    26 Ocak 2011
  • xdadevelopers

    xdadeveloper

    25 Aralık 2009