循环与计时器

上一篇还有一些没有全部说完的内容如：

如何通过标签获取元素，

循环语句：

通过循环语句可以反复的执行一段代码多次

while循环

- 语法：

while(条件表达式){

        语句...

}

while语句在执行时，先对条件表达式进行求值判断，如果值为true，则执行循环体，循环体执行完毕以后，继续对表达式进行判断如果为true，则继续执行循环体，以此类推如果值为false，则终止循环

do...while循环

- 语法：

do{

语句...

}while(条件表达式)

执行流程：

do...while语句在执行时，会先执行循环体，循环体执行完毕以后，在对while后的条件表达式进行判断，如果结果为true，则继续执行循环体，执行完毕继续判断以此类推如果结果为false，则终止循环

实际上这两个语句功能类似，不同的是while是先判断后执行，而do...while会先执行后判断，do...while可以保证循环体至少执行一次，而while不能

for语句，也是一个循环语句，也称为for循环

在for循环中，为我们提供了专门的位置用来放三个表达式：

1.初始化表达式

2.条件表达式

3.更新表达式

for循环的语法：

for(①初始化表达式;②条件表达式;④更新表达式){

③语句...

}

for循环的执行流程：

①执行初始化表达式，初始化变量（初始化表达式只会执行一次）

②执行条件表达式，判断是否执行循环。

如果为true，则执行循环

③如果为false，终止循环

④执行更新表达式，更新表达式执行完毕继续重复②

这里要强调的是：

任意一种循环都可以互相嵌套

死循环

将条件表达式写死为true的循环，叫做死循环

该循环不会停止，除非浏览器关闭，死循环在开发中慎用

可以使用break，来终止循环

break关键字可以用来退出switch或循环语句但是不能在if语句中使用break和continue

break关键字，会立即终止离他最近的那个循环语句

continue关键字可以用来跳过当次循环

同样continue也是默认只会对离他最近的循环循环起作用

可以为循环语句创建一个label，来标识当前的循环

label:循环语句

使用break语句时，可以在break后跟着一个label，这样break将会结束指定的循环，而不是最近的

我们可以用目前所学的知识为数组去重

字符串的处理方式有以下几种：

用 split 切割将字符串转换成数组

用chartAt（） 来获取指定索引的字符

用indexOf（） 来查看字符串第一次出现的位置，若找不到将会弹出-1

用substring()截取字符串 

用toUpperCase 来将字符串全部转换成大写字母

用toLowerCase 来将字符串全部转换成小写字母

字符串翻转

字符串反转主要分为三步：

1、split字符串转成数组

2、reverse数组反转

3、join数组转成字符串

然后用方法的链式调用把三个方法连接成为一句

、

计算器

计算器的逻辑都是一样的，只不过在js里我们要考虑一些其他的东西 比如：

不能让用户输入空值；

不能用户输入除数字外的其他字符；

要解决js计算小数时有可能会出现的bug;

定时器

setTimeout 只执行一次的定时器

clearTimeout 关闭只执行一次的定时器

setInterval  反复执行的定时器

clearInterval 关闭反复执行的定时器

定时器的基本用法

定时器动画

然后我们可以用定时器以及循环来设计一些简单的动画

时钟

首先我们要对一些js内置的系统方法有一定的了解，然后结合这些方法以及对美式时间的了解来完成这个比如：

美式时间月份范围是0-11；

西半球时间，范围0-6，星期日为一周的第一天，为0