setinterval取消，element使用正則，git上傳，js倒計時

阿新 • • 發佈：2021-08-16

遇到的問題

vue元件的setInterval儲存到變數中，顯示不了的問題

原因:

有可能是因為這個元件每次都被銷燬，銷燬之後，你的變數會存到別的地方，這樣你再次訪問這個元件的時候，變數就為初始值。

解決方法：

可以將這個變數儲存到另外一個js中，通過類函式的方法，儲存變數，並在js檔案中，清除你想清除的變數就可以了

程式碼：

變數儲存的js檔案

export default class TimeTemp {
    static timeArray = [];
    static desotryTime() {
        this.timeArray.forEach(element => {
            clearInterval(element);
            element = null;
        });
    }
}

在元件中呼叫變數儲存的js檔案

import timeTemp from "../../utils/timeTemp";

儲存變數到js檔案中，這樣就算你把元件銷燬了，這個變數也依然存在

timeTemp.timeArray.push(this.timer);

使用js檔案中的函式來清除變數

timeTemp.desotryTime();

element使用正則表示式判斷密碼

element自定義檢測一定要加callback()回撥函式，上面哪一種是不行的，必須if(){} else if(){} else{callback()}

git上傳

1，首先在碼雲上新建一個專案，如下圖所示

2，本地新建一個資料夾

3，進入新建的資料夾，點選滑鼠右鍵，選擇git bash here

然後在視窗輸入 git init 這時候資料夾會多出一個.git資料夾，看不到資料夾的，點選滑鼠右鍵選擇“顯示不顯示隱藏的檔案”就可以看到這個檔案夾了

4，進入剛剛在碼雲新建的專案裡，複製框框裡的路徑

5，然後在回到本地新建的資料夾裡

繼續操作git

輸入git remote add origin + 你剛剛在碼雲複製的那行路徑

6，繼續輸入 git pull origin master 命令，將碼雲上的倉庫pull到本地資料夾

7，將要上傳的檔案，新增到剛剛建立的資料夾

8，使用git add . （. 表示所有的）或者 git add + 檔名 // 將檔案儲存到快取區

9，使用git commit -m '新新增的檔案內容描述' //新增檔案描述

10、使用git push origin master ，將本地倉庫推送到遠端倉庫

11，回到碼雲，重新整理試試，就可以看到新建專案了

js倒計時

1 <html>
 2 <head>
 3 <meta charset="UTF-8">
 4 <title>簡單時長倒計時</title>
 5 <SCRIPT type="text/javascript">        
 6             var maxtime = 60 * 60; //一個小時，按秒計算，自己調整!   
 7             function CountDown() {
 8                 if (maxtime >= 0) {
 9                     minutes = Math.floor(maxtime / 60);
10                     seconds = Math.floor(maxtime % 60);
11                     msg = "距離結束還有" + minutes + "分" + seconds + "秒";
12                     document.all["timer"].innerHTML = msg;
13                     if (maxtime == 5 * 60)alert("還剩5分鐘");
14                         --maxtime;
15                 } else{
16                     clearInterval(timer);
17                     alert("時間到，結束!");
18                 }
19             }
20             timer = setInterval("CountDown()", 1000);                
21         </SCRIPT>
22 </head>
23 <body>
24 <div id="timer" style="color:red"></div>
25 <div id="warring" style="color:red"></div>
26 </body>
27 </html>