js中经常性要用到间隔几秒或暂停几秒执行某个函数，

简单介绍我从网上收集到setTimeOut（）和setInterVal()的区别
1、setInterVal()介绍

1）定义

setInterval() 方法可按照指定的周期（以毫秒计）来执行函数或表达式。该方法会不停地循环调用函数，直到使用 clearInterval() 明确停止该函数或窗口被关闭。

clearInterval() 函数的参数即 setInterval() 返回的 ID 值。（也可理解为关闭定时函数的对象）

2）语法

setInterval(code,millisec[,"lang"])
code 必须。要调用的函数或要执行的代码串。（可以直接alert("测试")，也可以是function方法）
millisec 必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。

3）返回值

一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值（对象）

4）用法

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>setInterVal用法</title>
</head>
<script type="text/javascript">
    var num = 0;
    var t;
    //开始计时方法
    function startInterVal(){
        document.getElementById("test").innerHTML = num;
        num = num+1;        
    }
    //setInterVal():按照指定的周期（以毫秒计）来调用函数或计算表达式
     t = window.setInterval("startInterVal()",1000);
    
     //结束计时方法
    function stopInterVal(){
        window.clearInterval(t);
    }
    
</script>
<body>
<form>
<input type="button" value="开始计时" onClick="startInterVal()">
<input type="button" value="结束计时" onclick="stopInterVal()" />

<div>计时： <span id="test"></span></div>
</form>
</body>
</html>
5）结果视图

2、setTimeOut（）介绍

1)定义：

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式，该方法与 setInterval() 方法不同的是该方法只执行一次。

2）语法：

setTimeout(code,millisec)
code 必需。要调用的函数后要执行的 JavaScript 代码串。
millisec 必需。在执行代码前需等待的毫秒数，以毫秒计。

3）返回值：

一个可以传递给 Window.clearTimeOut() 从而取消对 code 执行的值（对象）

4）用法：

简单例子

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>setTimeOut用法</title>
<script type="text/javascript">
    var num = 0;
    var t;
    //开始定时方法
    function startTimout(){
        //把数字进行累加赋值给test
        document.getElementById("test").innerHTML = num;
        num = num+1;
        //调用setTimeOut函数
        t= window.setTimeout("startTimout()",1000);
    }
    //清除定时方法
    function StopTimeOut(){
     window.clearTimeout(t);
    }
</script>
</head>
<body>
<form>
<input type="button" value="开始计时" onClick="startTimout()">
<input type="button" value="结束计时" onclick="StopTimeOut()" />

<div>计时：<span id="test"></span></div>
</form>
</body>
</html>

5） 结果视图：

6）提示：

（1）setTimeout() 虽然是只执行一次代码。但如果许要多次调用，除了使用 setInterval() 外还可以让被执行的代码里面自身再次调用 setTimeout() 方法已达到多次执行的目的。
（2）另外setTimeout()方法也同样可以返回一个ID值，以方便使用clearInterval()方法对使用setTimeout()方法的取消。

参考网址：http://www.jb51.net/article/49942.htm

javascript中的两个定时函数setTimeOut()和setInterVal()的区别的更多相关文章

  1. js中两种定时器，setTimeout和setInterval的区别

    setTimeout只在指定时间后执行一次,代码如下:   <script>   //定时器 异步运行   function hello(){   alert("hello&qu ...

  2. JavaScript中常见的数组操作函数及用法

    JavaScript中常见的数组操作函数及用法 昨天写了个帖子,汇总了下常见的JavaScript中的字符串操作函数及用法.今天正好有时间,也去把JavaScript中常见的数组操作函数及用法总结一下 ...

  3. JavaScript中常见的字符串操作函数及用法

    JavaScript中常见的字符串操作函数及用法 最近几次参加前端实习生招聘的笔试,发现很多笔试题都会考到字符串的处理,比方说去哪儿网笔试题.淘宝的笔试题等.如果你经常参加笔试或者也是一个过来人,相信 ...

  4. JavaScript中的两个“0” -0和+0

    JavaScript中的两个“0”(翻译)   本文翻译自JavaScript’s two zeros JavaScript has two zeros: −0 and +0. This post e ...

  5. 【PyTorch教程】P3. Python学习中的两大法宝函数（当然也可以用在PyTorch）

    温馨提示:为了更好的教程体验,提供视频.阅读地址 Youtube: https://www.youtube.com/playlist?list=PLgAyVnrNJ96CqYdjZ8v9YjQvCBc ...

  6. 一篇文章把你带入到JavaScript中的闭包与高级函数

    在JavaScript中,函数是一等公民.JavaScript是一门面向对象的编程语言,但是同时也有很多函数式编程的特性,如Lambda表达式,闭包,高阶函数等,函数式编程时一种编程范式. funct ...

  7. Java与JavaScript中判断两字符串是否相等的区别

    JavaScript是一种常用的脚本语言,这也决定了其相对于其他编程语言显得并不是很规范.在JavaScript中判断两字符串是否相等 直接用==,这与C++里的String类一样.而Java里的等号 ...

  8. 一个简单的例子让你很轻松地明白JavaScript中apply、call、bind三者的用法及区别

    JavaScript中apply.call.bind三者的用法及区别 引言 正文 一.apply.call.bind的共同用法 二. apply 三. call 四. bind 五.其他应用场景 六. ...

  9. setTimeout和setInterval的区别以及如何写出效率高的倒计时

    1.setTimeout和setInterval都属于js中的定时器,可以规定延迟时间再执行某个操作,不同的是setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直 ...

随机推荐

  1. 自己动手写一个简单的MVC框架（第二版）

    一.ASP.NET MVC核心机制回顾 在ASP.NET MVC中,最核心的当属“路由系统”,而路由系统的核心则源于一个强大的System.Web.Routing.dll组件. 在这个System.W ...

  2. 搭建前端私有npm杂记

    随着前端队伍越来越壮大,项目间共享代码就变得尤为重要.常用的框架/类库没必要在每个项目都放一份,团队内部产出的公共模块也需要有合理的共享机制.现在,用npm管理前端代码已经是业界趋势.楼主尝试用私有n ...

  3. 如何用TDR来测试PCB板的线路阻抗

    隔壁小王已经讲了TDR的原理以及如何确定TDR的分辨率.那么,我们要正确测量PCB板上的线路阻抗,还有哪些需要注意的地方呢? 1. 阻抗测试的行业标准 之前贴过好多张阻抗测试的图片,重新再贴一张给大家 ...

  4. Pyhton 利用threading远程下发文件和远程执行linux系统命令

    #!/usr/bin/env python # encoding: utf-8 #__author__ = 'cp' #__date__ = '21/07/16 上午 10:32' import th ...

  5. CentOS 下 MySQL DateBasic 抢救

    CentOS 下 MySQL DateBasic 抢救 强 Kill 数据库进程. 分析问题:确定报错内容 报错信息:The server quit without updating PID file ...

  6. 事务复制5： Transaction and Command

    事务复制使用 dbo.msrepl_transactions 和 dbo.MSrepl_commands 存储用于数据同步的Transaction和Command.在replication中,每个co ...

  7. SQL Server 维护计划实现数据库备份（策略实战）

    一.背景 之前写过一篇关于备份的文章:SQL Server 维护计划实现数据库备份,上面文章使用完整备份和差异备份基本上能解决数据库备份的问题,但是为了保障数据更加安全,我们需要再次完善我们的备份计划 ...

  8. LINQ系列：LINQ to SQL Where条件

    1. 单一条件查询 var expr = context.Products .Where(p => p.ProductName == "LINQ to SQL"); SELE ...

  9. jQuery 2.0.3 源码分析 Deferred概念

    JavaScript编程几乎总是伴随着异步操作,传统的异步操作会在操作完成之后,使用回调函数传回结果,而回调函数中则包含了后续的工作.这也是造成异步编程困难的主要原因:我们一直习惯于“线性”地编写代码 ...

  10. windows8建立局域网的方法

    win8建立局域网的方法:1.首先笔记本有无线网卡且支持 虚拟WIFI ;2.按win+X键,选择"命令提示符(管理员)A"; 3.输入"netsh wlan set h ...