简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - document.readyState === 'lengkap' Dalam keadaan apakah ia boleh dilaksanakan secara normal?
巴扎黑
巴扎黑 2017-05-19 10:21:17
0
2
1010
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
*{ margin:0; padding:0;}
html{ font-size:15.625vw;}
html,body{ width:100%; height:100%;}
body{ font-size:0.30rem; font-family:"微软雅黑"; text-align:center; color:#fff;}
.main{ overflow:hidden;}
.main, .swiper-wrapper, .swiper-slide{ width:100%; height:100%;}
.item-01{ background-color:#f00;}
.item-02{ background-color:#ff0;}
.item-03{ background-color:#f0f;}
.item-04{ background-color:#0074db;}

.loading{ width:100%; height:100%;}
.circle{ position:absolute; left:50%; top:50%; margin-left:-1.00rem; margin-top:-1.00rem; width:2.00rem; height:2.00rem; border-radius:50%;}
.circle-01{ background-color:#fff; animation:scale 1s ease-in-out infinite;}
.circle-02{ background-color:#eee; animation:re-scale 1s ease-in-out infinite;}

@keyframes scale{
    0%{ transform:scale(1,1);}
    50%{ transform:scale(0,0);}
    100%{ transform:scale(1,1);}
    }
@keyframes re-scale{
    0%{ transform:scale(0,0);}
    50%{ transform:scale(1,1);}
    100%{ transform:scale(0,0);}
    }

</style>
</head>

<body>

<p class="main swiper-container">
  <p class="swiper-wrapper">
    <p class="swiper-slide item-01">
      <p class="loading">
        <span class="circle circle-01"></span>
        <span class="circle circle-02"></span>
      </p>
    </p>
    <p class="swiper-slide item-02">2</p>
    <p class="swiper-slide item-03">3</p>
    <p class="swiper-slide item-04">4</p>
  </p>
</p>


<script src="jquery-2.1.4.min.js"></script>
<script src="swiper.jquery.js"></script>
<script>

if(document.readyState === 'complete'){
    $('.loading').fadeOut(100);
    }

/*var timer = setTimeout(function (){
    $('.loading').fadeOut(100);
    
    clearTimeout(timer);
    timer = null;
    }, 3000);*/


mySwiper = new Swiper('.swiper-container', {
    direction:"vertical"
    });

</script>
</body>
</html>

Kod berikut tidak dijalankan seperti biasa. 

if(document.readyState === 'complete'){
    $('.loading').fadeOut(100);
    }
巴扎黑
巴扎黑

membalas semua(2)
黄舟
黄舟2017-05-19 10:23:17 Tingkat 2

Dilaksanakan selepas halaman dimuatkan

Suka +0
Tambah Balasan
淡淡烟草味
淡淡烟草味2017-05-19 10:23:17 Tingkat 1

Anda menulisnya terus di bawah skrip Keadaan sedia pada masa ini akan dimuatkan dan bukannya lengkap. Melainkan anda menulisnya dalam onload, ia akan lengkap

Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！