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. 八、React实战：可交互待办事务表（表单使用、数据的本地缓存local srtorage、生命同期函数（页面加载就会执行函数名固定为componentDidMount()））

    一.项目功能概述 示例网址:http://www.todolist.cn/ 功能: 输入待做事项,回车,把任务添加到 [正在进行] [正在进行] 任务,勾选之后,变成已[经完成事项] [已完成事务], ...

  2. 吴裕雄--天生自然C++语言学习笔记：C++ 实例

    C++ 实例 - 输出 "Hello, World!" #include <iostream> using namespace std; int main() { co ...

  3. UVA - 12230 Crossing Rivers(过河)（期望）

    题意:从A到B需要经过n条河,已知AB间距离D和每条河的长度L以及在该条河上的船速v,求A到B平均情况下需多长时间.陆地行走速度为1,船的位置和朝向均匀随机. 分析: 1.过一条河,最短时间L/v(无 ...

  4. 【LeetCode】克隆图

    [问题]给定无向连通图中一个节点的引用,返回该图的深拷贝(克隆).图中的每个节点都包含它的值 val(Int) 和其邻居的列表(list[Node]). 解释: 节点 的值是 ,它有两个邻居:节点 和 ...

  5. 【分类问题中模型的性能度量(一)】错误率、精度、查准率、查全率、F1详细讲解

    文章目录 1.错误率与精度 2.查准率.查全率与F1 2.1 查准率.查全率 2.2 P-R曲线(P.R到F1的思维过渡) 2.3 F1度量 2.4 扩展 性能度量是用来衡量模型泛化能力的评价标准,错 ...

  6. 经验分享：Essay写作遇到困难请你这样做

    很多留学生在essay写作中可能会遇到很多困难,要么是essay写作内容出现问题,又或者是对于essay写作格式的不了解,导致自己无法顺利完成essay.今天小编就收集了几位留学生的写作经验分享,希望 ...

  7. bugku-Web-多次(异或注入，判断被过滤的关键字)

    进去看到url感觉是sql注入, 加上',报错但是%23不报错,加上'--+,也不报错,说明可以用--+注释 加上' or 1=1--+,报错 尝试' oorr 1=1--+,正常 说明or被过滤了. ...

  8. 201903-2 二十四点 Java

    思路: 数据结构中,栈可以解决运算的问题.利用压栈和弹栈操作实现(这里用队列模拟).具体的: 遇到乘除号,弹出栈顶元素,将计算结果压入栈中.遇到加减号,将后面的数一起压入栈中. 注意: substri ...

  9. openstack trove redis配置项

    trove在mitaka版本更新了一个功能,configuration 具体如下: trove help |grep configuration configuration-attach Attach ...

  10. pycharm 的 使用 设置智能目录 Pycharm 断点跳转及 Step Over/Step Into/Step Out 等的区别

    pycharm  右键点击文件夹  有个mark directiory as  根据需要给目录进行设置 Pycharm调试程序时,有时需要直接从第一个断点跳转至第二个断点,如果还是用单步调试的话就非常 ...