一、计时器与定时器
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次