nprocess_プログレスバー法

1 <!DOCTYPE HTML>
 2 <HTML langは= "EN">
 3 <ヘッド>
 4      <メタ文字コード= "UTF-8">
 5      <タイトル> </タイトル>
 6      <リンクのrel = "スタイルシート"のhref = "CSS /nprogress.css ">
 7 </ HEAD>
 8 <BODY>
 9     <ボタンID =" BTN ">は我加载</ button>の点
 10  
11 JS / jQueryの-3.3.1.js"> <<SCRIPT SRC =" /スクリプト>
 12 <SCRIPT SRC = "JS / nprogress.js"> </ SCRIPT>
 13 <SCRIPT>
14      $(関数(){
 15          $( 'BTN番号')。ON( 'クリック'、()=> {
 16              // 構成
17             NProgress.configure({
 18                  最小:0.1 19                  やすさ: '緩和・イン・アウト' 20                  速度2000 21                  showSpinner:
22              });
23  
24              NProgress.start()。
25              NProgress.done()。
26              のsetTimeout(関数(){
 27                 / * window.location.href = 'http://www.itlike.com'; * / 
28              }、3000 )。
29          });
30      });
31 </スクリプト>
 32 </ BODY>
 33 </ HTML>

 

おすすめ

転載: www.cnblogs.com/zhangzhengyang/p/11267381.html