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. qt容器在并发时需要注意的地方

    最近用tbb和qt写了一个延时摄影后期控制镜头的工具,主要就是扫描目录下所有图片,按照给定参数截取图片中某区域并另存,模拟镜头摆动. 扫描后的图片路径保存在qlist内,作为只读数据,交由tbb的pa ...

  2. Mac 下配置XAMPP

    1:去官方下载 2:安装dmg 3:安装完成后, 网页上提示, 要设置相应的密码, 设置完成. 4:打开对应的app程序, 把 mysql Database运行起来, 不然, 网页上看到的就是未运行状 ...

  3. Bzoj 1609: [Usaco2008 Feb]Eating Together麻烦的聚餐 二分

    1609: [Usaco2008 Feb]Eating Together麻烦的聚餐 Time Limit: 10 Sec  Memory Limit: 64 MBSubmit: 1272  Solve ...

  4. JAVA Web项目的编码过滤器

    首先写一个EncodeFilter的过滤类: package com.djtu.wy.common; import java.io.IOException;import javax.servlet.F ...

  5. poj 2553 The Bottom of a Graph【强连通分量求汇点个数】

    The Bottom of a Graph Time Limit: 3000MS   Memory Limit: 65536K Total Submissions: 9641   Accepted:  ...

  6. 基于zabbix 内置key的应用

    一.内置key说明: Zabbix 内置了很多丰富的key,使得咱们再添加linux os模板的时候,已经帮我们把key给定义好,这样我们就能够直接链接模板就可以使用了. 我们这边的话列举一些内置ke ...

  7. c#复制图片到粘贴板

    string fielN; private void button1_Click(object sender, EventArgs e) { OpenFileDialog saveFileDialog ...

  8. jvm内存GC详解

    一.相关概念  a. 基本回收算法 1. 引用计数(Reference Counting)  比较古老的回收算法.原理是此对象有一个引用,即增加一个计数,删除一个引用则减少一个计数.垃圾回收时,只用收 ...

  9. Ajax 整理总结（入门）

    Ajax 学习要点: 1.Ajax 概述 2.load()方法 3.$.get()和$.post() 4.$.getScript()和$.getJSON() 5.$.ajax()方法 6.表单序列化 ...

  10. Title Case

    地址:http://www.codewars.com/kata/5202ef17a402dd033c000009/train/python 题目: A string is considered to ...