javascript - javascript でローディング スピニング ホイールを実装する

Question

私の Web サイトでは、ボタンをクリックするとダミーの「読み込み中」の糸車をポップアップ表示し、しばらくすると消えるようにする必要があります。ただのダミーページです。誰かがそのようなことをする方法を説明できれば、私は非常に義務付けられます. javascript または jQuery でこれを行うことはできますか?

事前にサンクス

Answer 1

必要な適切な場所に div/image を配置し、最初にページが読み込まれたときに非表示にします。お気に入り

<input type="button" id="button"/>
  <div id="load"><img src="http://jimpunk.net/Loading/wp-content/uploads/loading1.gif"/>
</div>

jqueryで、ボタンのクリックイベントのハンドラーを設定して、divを表示または非表示にします

$(document).ready(function(){
  $('#button').click(function(){
    $('#load').show();
    setTimeout(function() {$('#load').hide()}, 2000);
  });
});

setTimout を使用して、しばらくしてから div を非表示にすることができます。ここで作業例を確認してください