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. POJ_3104_Drying_(二分,最小化最大值)

    描述 http://poj.org/problem?id=3104 n件衣服,第i件衣服里面有水a[i],自然风干每分钟干1个水,用吹风机每分钟干k个水,但是同时只能对一件衣服使用吹风机,求干完所有衣 ...

  2. SharePoint 2010顶部链接导航栏的详细操作

    转:http://www.360sps.com/Item/UseTopLink.aspx 在SharePoint 2010环境的页面中,导航链接总体上可以分为两类,一类是显示在左侧的快速启动栏,另一类 ...

  3. An exception occurred during configuration of persistence layer.

    配置文件放在bin文件夹下(注意:hibernate.cfg.xml文件名不要随便改动)

  4. 10个有关RESTful API良好设计的最佳实践(转)

    原文地址:http://www.jdon.com/soa/10-best-practices-for-better-restful-api.html Web API已经在最近几年变成重要的话题,一个干 ...

  5. UVA 10256 The Great Divide （凸包，多边形的位置关系）

    题目链接:http://acm.hust.edu.cn/vjudge/problem/viewProblem.action?id=34148 [思路] 凸包 求出红蓝点的凸包,剩下的问题就是判断两个凸 ...

  6. opencv 1.0 与 2.0的库对应表

    libcvaux.so.2 -> /usr/lib/libopencv_video.so.2.2.0 libcv.so.2 -> /usr/lib/libopencv_legacy.so. ...

  7. php class中public,private,protected的区别，以及实例

    一,public,private,protected的区别 public:权限是最大的,可以内部调用,实例调用等. protected: 受保护类型,用于本类和继承类调用. private: 私有类型 ...

  8. hdu1698(线段树的区间替换)

    HDU1698 #include <bits/stdc++.h> using namespace std; #define Maxn 1001000*4 struct Node{ int ...

  9. 用CRTP在C++中实现静态函数的多态

    我上一篇博客[C++的静态分发(CRTP)和动态分发(虚函数多态)的比较](http://www.cnblogs.com/fresky/p/3504241.html)介绍了如何用CRTP(Curiou ...

  10. angular js 表单验证

    <!doctype html> <html ng-app="myapp"> <head> <meta charset="UTF- ...