setTimeout和setIntelval都有定时的功能！！！取消定时功能的时候，都有对应的clearTimeout以及clearInterval与之对应。

但是他们之间是有区别的！

setTimeout指的是：间隔一段时间后执行，只执行一次

setInterval是指：每隔一段时间执行，执行多次

setInterval：

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 <HTML>

 <HEAD>

 <TITLE> New Document </TITLE>

 <META NAME="Generator" CONTENT="EditPlus">

 <META NAME="Author" CONTENT="">

 <META NAME="Keywords" CONTENT="">

 <META NAME="Description" CONTENT="">

 </HEAD>

 <BODY>

 <div id="time"></div>

 <SCRIPT LANGUAGE="JavaScript">

 <!--

 var timeid;

 function setTime(){

    var date=new Date();

    var h=date.getHours();

    var m=date.getMinutes();

    var s=date.getSeconds();

    document.getElementById("time").innerHTML=h+":"+m+":"+s;

 }

 timeid=setInterval("setTime()",1000);//他的调用在外部调用，而不是递归调用，表示每隔1s调用一次

 function stop(){

    clearInterval(timeid);

 }

 //-->

 </SCRIPT>

 <input type="button" value="暂停" onclick="stop()">

 <input type="button" value="开始" onclick="timeid=setInterval('setTime()',1000);">

 </BODY>

 </HTML>

setTimeout：

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 <HTML>

 <HEAD>

 <TITLE> New Document </TITLE>

 <META NAME="Generator" CONTENT="EditPlus">

 <META NAME="Author" CONTENT="">

 <META NAME="Keywords" CONTENT="">

 <META NAME="Description" CONTENT="">

 </HEAD>

 <BODY>

 <div id="time"></div>

 <SCRIPT LANGUAGE="JavaScript">

 <!--

 var timeid;

 function setTime(){

    var date=new Date();

    var h=date.getHours();

    var m=date.getMinutes();

    var s=date.getSeconds();

    document.getElementById("time").innerHTML=h+":"+m+":"+s;

    timeid=setTimeout("setTime()",1000);//递归调用，表示1s后执行一次

 }

 setTime();//页面加载后开始执行

 function stop(){

    clearTimeout(timeid);

 }

 //-->

 </SCRIPT>

 <input type="button" value="暂停" onclick="stop()">

 <input type="button" value="开始" onclick="timeid=setInterval('setTime()',1000);">

 </BODY>

 </HTML>

setTimeout 和 setInterval区别的更多相关文章

  1. js setTimeout和setInterval区别

    1.区别 2.示例代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset=&qu ...

  2. setTimeout与setInterval区别

    setTimeout与setInterval区别 代码 setTimeout("showresponse('${rootUrl}index/movie.do','movieId')" ...

  3. settimeout、setinterval区别和相互模拟

    前几天翻书,看到“避免双重求值”一节时有提到settimeout().setinterval() 建议传入函数而不是字符串以作为第一个参数,所以这里总结一下settimeout()和setinterv ...

  4. js setTimeout 和 setInterval 区别

    setTimeout和setInterval的语法相同.它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码.不过这两个函数还是有区别的 ...

  5. setTimeout和setInterval区别

    setTimeout和setInterval这两个函数, 大家肯定都不陌生, 但可能并不是每个用过这两个方法的同学, 都了解其内部的实质 甚至可能会错误的把两个实现定时调用的函数理解成了类似threa ...

  6. javascript函数setInterval和setTimeout的使用区别详解

    setTimeout和setInterval的使用 这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript.不过两者各有各的应用场景. 方 法 实际上,setTimeout和setIn ...

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

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

  8. Javascript中setTimeout和setInterval的区别和使用

    在javascript中,window对象有两个主要的定时方法,分别是setTimeout 和 setInterval,其语法基本上相同,但是完成的功能取有区别. setTimeout方法是定时程序, ...

  9. setTimeout()与setInterval()方法区别介绍

    计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别,下面为大家简单介绍下,希望对大家有所帮助   计时器setTimeout()和setInterval ...

随机推荐

  1. 设置SharePoint2010列表的项目级权限

    转:http://www.cfanz.cn/?c=article&a=read&id=24096 在SharePoint2010中我们经常会用到这样的权限设置,在一个列表中可以存储多个 ...

  2. Power Strings

    Power Strings TimeLimit: 1 Second   MemoryLimit: 32 Megabyte Totalsubmit: 1791   Accepted: 528 Descr ...

  3. html页面显示div源代码：用<xmp></xmp>标签

    html页面显示div源代码:用<xmp></xmp>标签效果还可以.

  4. Hyperic Agent 安装配置报 - No token file found, waiting for Agent to initialize

    本人经过跟VMWare 支持的多方努力,问题终于得到解决,方案如下: * Stop the agent Windows service. * Make sure all the agent proce ...

  5. HDU4283：You Are the One(区间DP)

    Problem Description The TV shows such as You Are the One has been very popular. In order to meet the ...

  6. BA - 读书雷达10本必读书

    https://www.douban.com/doulist/43172796/ 用户故事与敏捷方法 入门篇之一: “是每个ThoughtWorks BA都读的经典入门书籍,详细介绍了用户故事及实用操 ...

  7. Java为何大行其道

    Java为何大行其道 --专訪传智播客冯威老师 冯威老师,多年来一直从事软件开发和教学工作.先后担任过项目经理.软件架构师.软件开发project师.系统架构师.讲师等.具备丰富的软件开发经验和教学经 ...

  8. 修改Tomcat 6 默认的ROOT

    1.找到conf/server.xml. 2.找到Host节点. 3.在该节点中添加子节点<Context path="" docBase="项目名称" ...

  9. [Webpack 2] Validate your Webpack config with webpack-validator

    It’s quite common to make a mistake while developing your webpack configuration. A simple typo can c ...

  10. mybatis12 Usermapper.xml

    输入和输出映射 通过parameterType完成输入映射,通过resultType和resultMap完成输出映射. 1.1parameterType传递pojo包装对象 可以定义pojo包装类型扩 ...