zoukankan      html  css  js  c++  java
  • setinterval取消,element使用正则,git上传,js倒计时

    遇到的问题

    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,首先在码云上新建一个项目,如下图所示

    img

    2,本地新建一个文件夹

    img

    3,进入新建的文件夹,点击鼠标右键,选择git bash here

    然后在窗口输入 git init 这时候文件夹会多出一个.git文件夹,看不到文件夹的,点击鼠标右键选择“显示不显示隐藏的文件”就可以看到这个文件夹了

    img

    img

    4,进入刚刚在码云新建的项目里,复制框框里的路径

    img

    5,然后在回到本地新建的文件夹里

    继续操作git

    输入git remote add origin + 你刚刚在码云复制的那行路径

    img

    6,继续输入 git pull origin master 命令,将码云上的仓库pull到本地文件夹

    img

    7,将要上传的文件,添加到刚刚创建的文件夹

    img

    8,使用git add . (. 表示所有的)或者 git add + 文件名 // 将文件保存到缓存区

    img

    9,使用git commit -m '新添加的文件内容描述' //添加文件描述

    img

    10、使用git push origin master ,将本地仓库推送到远程仓库

    img

    11,回到码云,刷新试试,就可以看到新建项目了

    img

    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>
    
  • 相关阅读:
    WP7开发学习(3):在WP7中使用WCF+log4net 打印并输出日志文件(附源码)
    MongoDB开发学习(2)索引的基本操作
    C#批量添加水印
    获取某一时间戳的月份的开始时间戳和结束时间戳
    php判断一个字符串是否为日期格式
    正则表达式匹配括号引号内容
    PHP获取今日汽油价格接口
    ThinkPHP5 在Nginx环境下开启伪静态
    PHP格式化打印:JSON字符串|对象|数组
    php header ContentType出错
  • 原文地址:https://www.cnblogs.com/bnzw/p/15148233.html
Copyright © 2011-2022 走看看