美文网首页
循环与计时器

循环与计时器

作者: 糖炒栗子_01c5 | 来源:发表于2018-07-19 20:24 被阅读0次

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

    如何通过标签获取元素,

    循环语句:

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

    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

    相关文章

      网友评论

          本文标题:循环与计时器

          本文链接:https://www.haomeiwen.com/subject/bjcxmftx.html