JS Loading function_javascript スキルの簡単な実装

Web を閲覧すると、データのロード中に LOADING プロンプトが表示されることがよくあります。実際、この関数の原理は非常に単純です。つまり、DIV が現在のページをカバーし、そのカバーされた DIV レイヤーに Loading が表示されます。

1. 現在のページ:

コードをコピーします コードは次のとおりです:

読み込み中

2. マスクレイヤー:

コードをコピーします コードは次のとおりです:

< div id="over" class="over">

3.表示レイヤーの読み込み:

コードをコピーします コードは次のとおりです。

コード全体:

コードをコピー コードは次のとおりです:

< ; script type = "text/javascript"＆gt;
function showloading（）
>（） "＆gt; loading＆lt;/a＆gt;＆lt;/div＆gt;
＆lt; div id =" over "class = "over">

最終効果:

インターネット上で別の実装方法も見かけましたが、JS を使用して html タグの値を継続的に変更してプロンプトを読み込む効果を実現するというアイデアが良いと思いました。コードは次のとおりです:

コードをコピーします コードは次のとおりです:

   
   
   
   

最終终果：