1. 程式人生 > >定時器與正則

定時器與正則

href www. 找到 HR 宋體 大小 編輯 class 查找

編輯本博客

定時器

定時都以毫秒為計時單位

  • window.setInterval()每隔指定時間執行一次代碼 技術分享圖片
    <script type="text/javascript">
        //每隔一秒打印n的值,打印之後對n+1
        var n=0
        window.setInterval(
            function(){
                console.log(n);
                n++;
            },1000
        )
    </script>
    View Code
  • setTimeout()只執行一次指定代碼 技術分享圖片
    <script type="text/javascript">
        //
    每隔一秒打印n的值,打印之後對n+1 var n=0 var interID=window.setInterval( function(){ console.log(n); n++; },1000 ) //setTimeout(code,1000) setTimeout( function () { clearInterval(interID); console.log("關閉定時器") },5000 ) </script>
    View Code

正則

正則資料鏈接

對象方式創建

技術分享圖片
var reg=new RegExp(‘查詢的字符串‘,‘規則‘)
View Code

字面方式創建,檢測是否包含在字符串中

技術分享圖片
<script type="text/javascript">
    //字面方式創建
    var reg1=/y/ig;//不區分大小寫,全局匹配
    //要檢索的字符串在字符串str中,則返回true
    var str="lufyy"
    console.log(reg1.test(str))
</script>
View Code

通過exec方法檢索

技術分享圖片
<script type="text/javascript">
    //
字面方式創建 var reg1=/y/ig;//不區分大小寫,全局匹配 var str="lufyy" //exec方法匹配 console.log(reg1.lastIndex)//在這之前沒檢索出來,所以返回0 console.log(reg1.exec(str))//檢索字符串 console.log(reg1.lastIndex)//最後一個檢測到的索引,這裏返回4 </script>
View Code

math方法,將查找到的字符串以數組方式返回

技術分享圖片
<script type="text/javascript">
    var reg1=/y/ig;//檢查規則,不區分大小寫,全局匹配
    var str="lufyy";//被檢查字符串
    console.log(str.match(reg1))//返回數組
</script>
View Code

字符串替換

技術分享圖片
<script type="text/javascript">
    var str="abcabcabc"
    var reg=/b/g;
    console.log(str.match(reg))//match查找,返回的是一個數組
    console.log(str.replace(reg,"*"))//將查找到的字符用*進行替換
</script>
View Code

查詢下標和分割

技術分享圖片
<script type="text/javascript">
    var str="abcabcabc"
    var reg=/b/g;
    console.log(str.match(reg))//match查找,返回的是一個數組
    console.log(str.replace(reg,"*"))//將查找到的字符用*進行替換
    console.log(str.search(reg))//查詢字符串在字符串中出行的位置,下標
    console.log(str.split(reg))//通過正則對字符串進行分割
</script>
View Code

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

定時器與正則