js的流程控制

  • if语句：
if (条件表达式A){

        xx;

}else if (条件表达式B){

        xx;

}

else{

    xx;

}
  • switch语句：
switch （表达式){

    case 值1:

        xxx;

        break;

     case 值2:

        xxx;

        break;

    default: //所有case都不满足时执行

        xxx;

}
  • for语句：
for(初始化语句;循环判断语句;循环执行语句){

    xxx;

}
  • while语句：
while(循环判断语句){

 xxx;

}
  • do....while语句：
do{

    xxx;

}while(循环判断语句);

JavaScript的本地对象

字符型对象String

有三种定义方法：

  1. var s = new String('字符串内容');
  2. var s = String('字符串内容');
  3. var s = '字符串内容';

字符串的属性length可以返回其长度，可通过索引返回指定位置字符，通过+拼接。

数字转字符串：nub.tostring()

字符串转数字：Number(str)

字符串对象常用方法：

  • str.substring(start,end):截取字符串，如果只传一个参数，则默认截取到最后一个为止。左闭右开。
  • str.slice(start,end):切片，左闭右开，r若两个参数为负数，必须保证abs(start)>abs(end)。
  • str.split("?"):切割，按照指定参数进行切割，返回一个数组。
  • str.indexOf("?"):查找并返回匹配字符串出现的位置，若没找到，返回-1.
  • str.toUpperCase():全部转换成大写。
  • str.toLowerCase():全部转换成小写。
  • str.Replace("a","b"):用b替换字符串中的a，只能替换一个。

日期对象Date

定义一个日期对象：var date = new Date();返回的格式如下：

Tue Nov 20 2018 21:22:41 GMT+0800 (中国标准时间)

获取方法：

  • date.getFullYear():返回年份
  • date.getMonth():返回月份，月份为实际月份减一，即十二月为0.
  • date.getDate():返回日期
  • date.getHours():返回当前小时
  • date.getMinutes():返回当前几分
  • date.getSeconds():返回当前多少秒
  • date.getDay():返回周期，周日为0.

设置方法：将date换成set将变成对应的设置方法，但没有设置秒，设置年份为四位数字、设置月份范围为0~11、小时为0~23。

还可以以时间戳设置时间，单位是毫秒：date.setTime().

转换方法：原本时间格式是Tue Nov 20 2018 21:42:05 GMT+0800 (中国标准时间)

  • date.toString():       Tue Nov 20 2018 21:43:55 GMT+0800 (中国标准时间)
  • date.toTimeString():   21:43:55 GMT+0800 (中国标准时间)
  • date.toDateString():    Tue Nov 20 2018
  • date.toLocaleString():  2018/11/20 下午9:43:55
  • date.toLocaleTimeString():  下午9:43:55
  • date.toLocaleDateString():  2018/11/20

数学对象Math

数学对象常用属性有：

  1. PI  ：圆周率
  2. E：常量e，近似于2.71828
  3. LN2：2的自然对数
  4. LN10：10的自然对数
  5. LOG2E：以2为底的e的对数
  6. LOG10E：以10为底的e的对数

数学对象常用方法：

  • Math.abs():取绝对值
  • Math.ceil():往上取整
  • Math.floor():往下取整
  • Math.round():四舍五入取整
  • Math.max():返回所有参数中的最大值
  • Math.pow(x,y):返回x的y次幂
  • Math.sqrt():返回参数的平方根
  • Math.random():随即返回一个0~1的数

定时器

创建一个定时器有三种方式：

  • 第一种使用setTimeout方法，这个定时器只执行一次。
timer = setTimeout(function(){

        //执行语句

},1000);  //timer是创建的一个定时器对象，1000是间隔时间，单位是毫秒
  • 第二种使用setInterval方法，这种定时器可以一直执行下去。
timer = setInterval(function (){

        //执行语句

},1000);
  • 第三种也是用setInterval方法，但他是配合另外的函数使用。
setInterval(函数名,1000);

消除定时器

  • clearInterval(定时器对象);
  • clearTimeout(定时器对象);

定时器小例子：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>定时器</title>

    <style>

        *{

            padding:0;

            margin:0;

        }

        div.content{

            height:150px;

            margin-top:50px;

            text-align: center;

        }

        .time{

            color:red;

            font-weight: bolder;

            font-size:19px;

        }

        .end_time{

            color:purple;

            font-size: 21px;

            /*margin-top:65px;*/

        }

        #clock{

            text-align: center;

        }

    </style>

</head>

<body>

<div class="content">敌军还有<span class="time" second="5">5</span>秒到达战场</div>

<div id="clock"></div>

<script>

    otime = document.getElementsByClassName("time");

    ocontent = document.getElementsByClassName("content");

    oclock = document.getElementById("clock");

    var nub = otime[0].getAttribute("second");

    // alert(nub);

    timer = setInterval(function(){

        nub--;

        otime[0].innerHTML = nub;

        if (nub === 0){

            ocontent[0].innerHTML = "<p class='end_time'>全军出击!!!</p>";

            clearInterval(timer);

        }

    },1000);

    function fn() {

        var data = new Date;

        var year  =data.getFullYear();

        var mon = data.getMonth()+1;

        var day = data.getDate();

        var hour = data.getHours();

        var minute = data.getMinutes();

        var second = data.getSeconds();

        if (minute<10){

            minute = "0" + minute;

        }

        if (hour<10){

            hour = "0" + hour;

        }

        if (second<10){

            second = "0" + second;

        }

        oclock.innerHTML =  year + "年" + mon + "月" + day + "日" + hour + "时" + minute + "分" + second + "秒";

    }

    fn();

    setInterval(fn,1000);

</script>

</body>

</html>

JavaScript详解（二）的更多相关文章

  1. .NET DLL 保护措施详解(二)关于性能的测试

    先说结果: 加了缓存的结果与C#原生代码差异不大了 我对三种方式进行了测试: 第一种,每次调用均动态编译 第二种,缓存编译好的对象 第三种,直接调用原生C#代码 .net dll保护系列 ------ ...

  2. PopUpWindow使用详解(二)——进阶及答疑

      相关文章:1.<PopUpWindow使用详解(一)——基本使用>2.<PopUpWindow使用详解(二)——进阶及答疑> 上篇为大家基本讲述了有关PopupWindow ...

  3. Android 布局学习之——Layout(布局)详解二（常见布局和布局参数）

    [Android布局学习系列]   1.Android 布局学习之——Layout(布局)详解一   2.Android 布局学习之——Layout(布局)详解二(常见布局和布局参数)   3.And ...

  4. logback -- 配置详解 -- 二 -- <appender>

    附: logback.xml实例 logback -- 配置详解 -- 一 -- <configuration>及子节点 logback -- 配置详解 -- 二 -- <appen ...

  5. 爬虫入门之urllib库详解(二)

    爬虫入门之urllib库详解(二) 1 urllib模块 urllib模块是一个运用于URL的包 urllib.request用于访问和读取URLS urllib.error包括了所有urllib.r ...

  6. [转]文件IO详解(二)---文件描述符(fd)和inode号的关系

    原文:https://www.cnblogs.com/frank-yxs/p/5925563.html 文件IO详解(二)---文件描述符(fd)和inode号的关系 ---------------- ...

  7. Android View 的绘制流程之 Layout 和 Draw 过程详解 (二)

    View 的绘制系列文章: Android View 的绘制流程之 Measure 过程详解 (一) Android View 绘制流程之 DecorView 与 ViewRootImpl 在上一篇  ...

  8. HTTPS详解二：SSL / TLS 工作原理和详细握手过程

    HTTPS 详解一:附带最精美详尽的 HTTPS 原理图 HTTPS详解二:SSL / TLS 工作原理和详细握手过程 在上篇文章HTTPS详解一中,我已经为大家介绍了 HTTPS 的详细原理和通信流 ...

  9. Linux dts 设备树详解(二) 动手编写设备树dts

    Linux dts 设备树详解(一) 基础知识 Linux dts 设备树详解(二) 动手编写设备树dts 文章目录 前言 硬件结构 设备树dts文件 前言 在简单了解概念之后,我们可以开始尝试写一个 ...

  10. pika详解(二) BlockingConnection

    pika详解(二) BlockingConnection   本文链接:https://blog.csdn.net/comprel/article/details/94592348 版权 Blocki ...

随机推荐

  1. 吴裕雄--天生自然JAVA SPRING框架开发学习笔记：测试SSH框架分层整合及验证事务是否有效

    测试框架分层的整合 HibernateTemplate 和 HibernateDaoSupport,这两个类是 Spring 为整合 Hibernate3 提供的两个工具类. HibernateTem ...

  2. linux常用命令-关机、重启

    常用命令-关机.重启 命令 含义 reboot 重新启动操作系 shutdown –r now 重新启动操作系统,shutdown会给别的用户提示 shutdown -h now 立刻关机,其中now ...

  3. 微信小程序拒绝授权后提示信息以及重新授权

    wx.authorize({ scope: 'scope.writePhotosAlbum', success() { // 授权成功 wx.saveImageToPhotosAlbum({ file ...

  4. 【redis】redis底层数据结构原理--简单动态字符串 链表 字典 跳跃表 整数集合 压缩列表等

    redis有五种数据类型string.list.hash.set.zset(字符串.哈希.列表.集合.有序集合)并且自实现了简单动态字符串.双端链表.字典.压缩列表.整数集合.跳跃表等数据结构.red ...

  5. 77.Q表达式详解

    Q表达式可以包裹查询条件,可以在多个条件之间进行操作:与或非等.Q表达式一般会放在filter()中进行使用,F表达式一般是放在update()中进行使用. 定义模型的models.py文件中,示例代 ...

  6. 十六、CI框架之数据库操作get用法

    一.使用数据库的Get方法读取内容,如下代码: 二.数据库如下: 二.效果如下: 不忘初心,如果您认为这篇文章有价值,认同作者的付出,可以微信二维码打赏任意金额给作者(微信号:382477247)哦, ...

  7. SPFA--P3905 道路重建

    题目描述 从前,在一个王国中,在n个城市间有m条道路连接,而且任意两个城市之间至多有一条道路直接相连.在经过一次严重的战争之后,有d条道路被破坏了.国王想要修复国家的道路系统,现在有两个重要城市A和B ...

  8. 关于javascript中this 指向的4种调用模式

    this指向问题绝对可以排js 的top 5最难和最重点的问题,初学者常常搞不清楚this指向哪里,特别是学过java和c#的人,想当年俺也迷糊了好久,直到遇到蝴蝶书,主要是因为js和主流的面向对象语 ...

  9. UVA_11525 树状数组的活用 二分

    我们知道1——k有K!种排列,现在给定k和n,要你按字典序输出 第n种排列的数列 而且题目给的 n是 n=S1(k-1)!+S2(k-2)!+...+Sk-1*1!+Sk*0!(0=<Si< ...

  10. foreach —（遍历数组或循环中的字符，以获取信息）

    namespace ConsoleApplication2{ class Program {//letter 字母 gigit 数字 symbol 符号 static void Main(string ...