• 27-06-2017, 04:19:28
    #1
    Üyeliği durduruldu
    Merhaba arkadaşlar.

    Ben Jquery ile şöyle bir şey yapmak istiyorum. Diyelim sayfamızda şu kod var:

     <strong>Merhaba Dünya</strong>
    Ben bu kodu Önce bir kaç saniye Jquery ile Loading bar gibi bir şey gösterip sonra göstermek istiyorum. Bu nasıl mümkün olabilir?

    Teşekkürler.
  • 27-06-2017, 16:01:46
    #2
    Strower adlı üyeden alıntı: mesajı görüntüle
    Merhaba arkadaşlar.

    Ben Jquery ile şöyle bir şey yapmak istiyorum. Diyelim sayfamızda şu kod var:

     <strong>Merhaba Dünya</strong>
    Ben bu kodu Önce bir kaç saniye Jquery ile Loading bar gibi bir şey gösterip sonra göstermek istiyorum. Bu nasıl mümkün olabilir?

    Teşekkürler.
    setInterval() ile yapabilirsiniz basit.
  • 28-06-2017, 04:35:50
    #3
    Üyeliği durduruldu
    kingofseo adlı üyeden alıntı: mesajı görüntüle
    setInterval() ile yapabilirsiniz basit.
    Evet kardeşim bunu az çok biliyorumda istediğim tam şu aslında buna göre kod yazamadım.


    Mesela Sayfaya girdin otomatik olarak Yükleniyor..... yazısı gelecek bir buton olmadan. 5 saniye sonra ise
    <p id="icerik">İçerik</p>
    devreye sokup Yükleniyor kaybolacak. Kafamdaki ihtiyacım bu aslında örnek bir kod bulamadım bununla ilgili.
  • 28-06-2017, 09:32:37
    #4
    Strower adlı üyeden alıntı: mesajı görüntüle
    Merhaba arkadaşlar.

    Ben Jquery ile şöyle bir şey yapmak istiyorum. Diyelim sayfamızda şu kod var:

     <strong>Merhaba Dünya</strong>
    Ben bu kodu Önce bir kaç saniye Jquery ile Loading bar gibi bir şey gösterip sonra göstermek istiyorum. Bu nasıl mümkün olabilir?

    Teşekkürler.
    https://codepen.io/search/pens?q=tex...type=type-pens

    burada pek çok örnek var.
    dilediğini kullanabilirsin.
  • 28-06-2017, 13:34:41
    #5
    Strower adlı üyeden alıntı: mesajı görüntüle
    Evet kardeşim bunu az çok biliyorumda istediğim tam şu aslında buna göre kod yazamadım.


    Mesela Sayfaya girdin otomatik olarak Yükleniyor..... yazısı gelecek bir buton olmadan. 5 saniye sonra ise
    <p id="icerik">İçerik</p>
    devreye sokup Yükleniyor kaybolacak. Kafamdaki ihtiyacım bu aslında örnek bir kod bulamadım bununla ilgili.
    Nprogress ile kolayca yapabilirsiniz ; http://ricostacruz.com/nprogress/
  • 28-06-2017, 19:34:13
    #6
    Üyeliği durduruldu
    kingofseo adlı üyeden alıntı: mesajı görüntüle
    Nprogress ile kolayca yapabilirsiniz ; http://ricostacruz.com/nprogress/
    Kendi imkanlarım ile çözdüm teşekkürler arkadaşlar.
  • 29-06-2017, 20:36:37
    #7
    Strower adlı üyeden alıntı: mesajı görüntüle
    Kendi imkanlarım ile çözdüm teşekkürler arkadaşlar.
    Çözümünü yazarsan, senin gibi çözüm bulmakta zorlanan arkadaşlara faydası olabilir.

    Örnek;
    $(function(){
       function zamandursun(){
          $("#yukleniyor").attr("class", "gizle");
       };
       window.setTimeout( zamandursun, 5000 ); // 5 saniye
    });
    //5 saniye sonra id'si yukleniyor olana gizle class'ı atıyoruz.
  • 30-06-2017, 02:07:27
    #8
    Üyeliği durduruldu
    konmaster adlı üyeden alıntı: mesajı görüntüle
    Çözümünü yazarsan, senin gibi çözüm bulmakta zorlanan arkadaşlara faydası olabilir.

    Örnek;
    $(function(){
       function zamandursun(){
          $("#yukleniyor").attr("class", "gizle");
       };
       window.setTimeout( zamandursun, 5000 ); // 5 saniye
    });
    //5 saniye sonra id'si yukleniyor olana gizle class'ı atıyoruz.
    Tabiki.

    <script>
    var myVar;
    var youVar;
    	//My var fonksiyonu ile ilk fonksiyona loading barımızı ekliyoruz ve hemen çıkması için 000 saniye ekliyoruz.
        myVar = setInterval(function(){ alertFunc("First parameter"); }, 000);
    	
    	//You var ile ikinci satırımızı ekliyoruz. Burada sayfada olacak kod dizinini ekliyoruz.
        youVar = setInterval(function(){ alertFunc2("First parameter"); }, 12000);
    
    function alertFunc(param1) {
        document.getElementById("demo").innerHTML = "<center><img src='/assets/images/loading.gif' width='100'/></center>";
    }
    function alertFunc2(param1) {
        document.getElementById("demo2").innerHTML = 'KOD DİZİNİ BURAYA';
    }
    </script>
    
    <script>
    //Aynı zamanda Interval ile remove zamanlıyoruz. 12 saniyeye ayarlıyoruz böylece loading barı remove etmiş oluyor. Buradaki zaman You var ile aynı olmalı bu sayede ikisi aynı zaman diliminde işleme giriyor.
    setInterval(function(){ $( "p" ).remove(); }, 12000);
    </script>