Sayfa yüklenirken açılış ekranı göster ama en az x saniye

Sıçrama önleyici elemana sahip bir divum var. Bu öğe sayfa yükünde gizlenecektir. Bununla birlikte, açılış ekranının en az x saniye boyunca gösterildiğinden emin olmak istiyorum.Sayfa yüklenirken açılış ekranı göster ama en az x saniye

Bunun, kod olarak biçimlendirilmesi gerekmediğini biliyorum, ancak otomatik biçimlendirici bunu yapmamı sağladı.

Mantığı kullanmak için: Açılış ekranını en az x saniye göster. Sayfa bu zamana göre yüklendiyse bu div'i gizler.

Bu kod, sayfa yüklendiği anda div gizlediği bölümdür.

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"> 
      $(document).on("pageload",function(){ 
       $('#splashscreen').hide(); 
      }); 
     </script> 
     <title>Thomas Shera</title> 
    </head> 
    <body> 
     <div id="splashscreen"> 
     </div> 
    </body> 
</html>

Sıçrama ekranını x saniye olarak gösterdiğim kısım budur.

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"> 
      $(function() { 
       $("#div2").show().delay(x).hide(); 
      }); 
     </script> 
     <title>Thomas Shera</title> 
    </head> 
    <body> 
     <div id="splashscreen"> 
     </div> 
    </body> 
</html>

Temel olarak soruyorum, bu iki jquery kodunu nasıl birleştirebilirim?

DÜZENLEME: Şimdi bu kodu deniyorum ama hala bir şey çalışmıyor.

<!DOCTYPE html> 
<html> 
<head> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"> 

    $(document).on("pageload",function(){ 
       $('#splashscreen').hide(); 
}); 

$(function() { 
    $("splashscreen").show().delay(1000).hide(); 
}); 

</script> 

<style type="text/css"> 
    @import url(https://fonts.googleapis.com/css?family=Cutive+Mono); 

    .skills 
    { 
    font-family: 'Cultive Mono', monospace; 
    font-size: 400pt; 
    } 

</style> 

<title>Thomas Shera</title> 

</head> 
<body> 
    <div id="splashscreen"> 
    <p i="skills"> 
     Javascript Technical writing VBA scripting with Microsoft Office Excel 
     Entrepreneur 
    </p> 
    </div> 
</body> 
</html>

kaynak

2016-04-12 Thomas Shera

Bu yardımcı olur umarım.

#splashscreen elemanı blok ve Sayfa yüklendiğinde javascript gizlemek edeceğiz görüntülemek CSS itibaren HTML

<body onload="splash(3000)">

JavaScript

function splash(param) { 
var time = param; 
setTimeout(function() { 
    $('#splashscreen').hide(); 
}, time); 
}

Bunu test etmek isterseniz, Google'dan yüksek çözünürlüklü bir resim yükleyin. Web sitenizin içeriği tarayıcı önbelleğinden yüklendiyse, web sitenizin içeriği ya da en az x saniye saniye kalacaktır.

kaynak

2016-04-12 01:19:38 CodeMonkey

Teşekkürler, kodunuzu güncellemek için fikirlerinizi denedim, ancak yine de çalışmıyor. –

Bana bir dakika ver, böyle bir sıçrama yaptım ama sıçramayı göstermek için x saniye koymak istemedim. Kodu güncelleyeceğim. :) – CodeMonkey

Kodu test etti ve mükemmel çalışıyor. Arsız html ve javascript kodu ama iyi çalışıyor. – CodeMonkey

Sayfa yüklenirken açılış ekranı göster ama en az x saniye

cevap

İlgili konular