第七讲内置对象(计时器与定时器、字符串对象)

一、计时器与定时器

1、setInterval()  方法

语法:setInterval("调用的函数", "指定的时间间隔") 交互时间

参数说明:

  • 代码:要调用的函数或要执行的代码串
  • 交互时间:周期执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)
  • 返回值:一个可以传递给clearInterval()从而取消对“代码”的周期性执行的值
  <script>
        /* var i = 10;
         function box() {
             console.log(i);
             i--;
 
         }
         setInterval("box()", 1000);*/



        var i = 10;
        function box() {
            console.log(i);
            i--;
            if (i <= 0) {
                clearInterval(timer);
            }
        }
        var timer = setInterval("box()", 1000);
    </script>

2、setTimeout() 方法

语法:setTimeout(“调用的函数”, “指定的时间后") 延迟时间

参数说明:

  • 代码:要调用的函数或要执行的代码串
  • 延迟时间:在执行代码前需要等待的时间,以毫秒为单位(1s=1000ms)

返回值: 一个可以传递给clearTimeout()从而取消对“代码”的周期性执行的值

<script>
     //第一种
   setTimeout("box()", 2000);

   function box() {
       console.log("hello");
   }  


   //第二种
   setTimeout(function () {
       console.log("中国");
   }, 2000);   


    //第三种

    var i = 10;
    t = null;
    function box() {
        console.log(i);
        i--;
        //    box();  //递归

        t = setTimeout(box, 1000);
        if (i <= 0) {
            clearTimeout(t);
        }
    }
    box();


      //求和
    function sum(n) {
        if (n === 1) {
            return 1;
        }
        return n + sum(n - 1);

    }
    console.log(sum(10));

</script>

 二、字符串对象

var str = new String();

 alert(str);//输出空字符串

str = new String("some string here");

alert(str);//输出字符串"some string here"

//表面上看,这和直接创建的字符串是一样的效果

str = "some string here"; alert(str);

1、字符串对象的方法

  • length                      属性,返回字符串的长度       [0,strObj.length-1]
  • indexOf()                 返回字符串内第一次出现子字符串的字符位置
  • lastIndexOf()           返回字符串中子字符串最后出现的位置
  • charAt()                   返回指定位置的字符。字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串。
  • charCodeAt ()       返回一个整数,代表指定位置上字符的 Unicode 编码 (返回值是 0-65535 之间的整数)   参数:必需。表示字符串中某个位置的数字,即字符在字符串中的下标。
  • fromCharCode()        从一些 Unicode 字符值中返回一个字符串 replace(str/regexp,newstr)       进行文字替换,用newstr替换str/regexp 返回替换后的字符串的复制
  • substr(start,length)      返回一个从指定位置开始的指定长度的子字符串,从start开始 截取长度为length的子字符串
  • substring(start,stop)     返回位于 String 对象中指定位置的子字符串,从start开始(包含),到stop位置结束(不包含)。如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。不接受负的参数
  • toLowerCase()         返回一个字符串,该字符串中的字母被转换为小写字
  • toUpperCase()         返回一个字符串,该字符串中的所有字母都被转化为大写字母
  • split()                       把字符串分割为字符串数组。
案例1  求出var str = new String("abcdefghijklmnopqrstuvwxyz");的字符串长度
<script>
        var str = new String("abcdefghijklmnopqrstuvwxyz");
        console.log(str);
        console.log(str.length);  //字符串长度
        /*  console.log(str[0]);//得到a
          console.log(str[1]);//得到b
          console.log(str[2]);//得到c */

       // 第一种
        for (var i = 0; i <= str.length - 1; i++) {
            console.log(str[i]);
        }

        //第二种
        for (var i = 0; i <= 25; i++) {
            //  console.log(i);
            console.log(str[i]);
        }


    </script>

1、 indexOf()

语法:stringObject.indexOf(substring, startpos)

说明:

  • 该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring。
  • 可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。
  • 如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。

注意:

  • indexOf() 方法区分大小写。
  • 如果要检索的字符串值没有出现,则该方法返回 -1。

例如:

对 "I love JavaScript!" 字符串内进行不同的检索:

var str="I love JavaScript!“;

document.write(str.indexOf("I") + "<br />");

document.write(str.indexOf("v") + "<br />");

document.write(str.indexOf("v",8));

 <style>
        #btn {
            margin-left: 80px;
            background-color: brown;
        }
    </style>
</head>

<body>
    <form action="">
        <label for="email">Email:</label>
        <input type="text" id="email" name="email"><br>
        <label for="pwd">密码:</label>
        <input type="password" id="pwd" name="pwd"><br>
        <button id="anniu" onclick="start()">登录 </button>

    </form>
</body>
<script>
    var $Input1 = document.getElementById("email");
    var $Input2 = document.getElementById("pwd");
    var $button = document.getElementById("anniu");
    function start() {
        var ur = $Input1.value;
        var pv = $Input2.value;
        if (ur == "") {
            alert("email不能为空");
            return false;
        } else if (ur.indexOf("@") === -1) {
            alert("email格式不正确必须包含@");
            return false;
        } else if (ur.indexOf(".") === -1) {
            alert("email格式不正确必须包含.");
            return false;
        }
        if (pv == "") {
            alert("密码不能为空");
            return false;
        }
        else if (pv.length < 6) {
            alert("密码长度至少6位");
            return false;

        }
    }

</script>

2、replace()

语法: stringObject.replace(regexp/substr,replacement)  

解释:此方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串

 说明 :

字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。

它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。

否则,它只替换第一个匹配子串。

例子1:

var str=“Visit Microsoft!” ;

document.write(str.replace(/Microsoft/, "W3School"));

例子2:

var str=“Welcome to Microsoft! ” ;

str=str + "We are proud to announce that Microsoft has " ;

str=str + "one of the largest Web Developers sites in the world.“;  document.write(str.replace(/Microsoft/g, "W3School"));


<body>
    <div id="box"></div>
</body>
<script>
    var str = "I Love Javascript";
    str.replace(" Love", "喜欢");
    console.log(str.replace(" Love", "喜欢"));
    console.log(str.replace(/Love/g, "喜欢")); //g  global 全局

</script>

3、substr()

语法:  stringObject.substr(start,length)  

substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符 。 返回值: 一个新的字符串,包含从 stringObject 的 start(包括 start 所指的字符) 处开始的 length 个字符。如果没有指定 length,那么返回的字符串包含从 start 到 stringObject 的结尾的字符。

4、substring()

语法:  stringObject.substring(startPos,stopPos)

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

注意:

  •  返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符,其长度为 stop 减start。
  • 如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。
  •  如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。

例子:

使用 substring() 从字符串中提取字符串:

var mystr="I loveJavaScript";  

document.write(mystr.substring(7));  

document.write(mystr.substring(2,6));

5、split() 

语法:stringObject.split(separator,limit)

split()方法将字符串分割为字符串数组,并返回此数组。

注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。

我们将按照不同的方式来分割字符串:

  • 使用指定符号分割字符串,代码如下:

var mystr = "www.baidu.com";

document.write(mystr.split(".")+"<br>");

document.write(mystr.split(“.”, 2)+“<br>”);//分割两次

  • 将字符串分割为字符,代码如下:

document.write(mystr.split("")+"<br>");

document.write(mystr.split(“”, 5));//字符串分割5次

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值