setTimeout与setInterval的区别：
1、setTimeout设置后隔指定时间后只会执行一次
2、setInterval设置后会每隔指定时间执行一次
3、setTimeout一般在方法内部使用达到循环调用的效果
4、setInterval一般在方法外部使用就可以达到循环调用效果

setTimeout例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
 var timeout;
 //显示时间
 function displayTime(){
  var date = new Date();
  var hour = date.getHours();
  hour = hour<10?"0"+hour:hour;
  var minute = date.getMinutes();
  minute = minute<10?"0"+minute:minute;
  var second = date.getSeconds();
  second = second<10?"0"+second:second;
  //将时、分、秒组成时间
  var time = hour+":"+minute+":"+second;
  //将时间显示在文本框中
  document.getElementById("txtTime").value = time;
  //参数一：要调用的函数  参数二：延迟时间  返回值：Timeout对象
  timeout = window.setTimeout("displayTime()",1000);
 }
 function stopTime(){
  window.clearTimeout(timeout);//清除Timeout对象
 }
 function continueTime(){
  timeout = window.setTimeout("displayTime()",1000); 
 }
</script>

</head>

<body onload="displayTime()">
<input type="text" id="txtTime" />
<input type="button" onclick="stopTime()" value="停止" />
<input type="button" onclick="continueTime()" value="继续" />

</body>

</html>

setInterval例子;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
 var timeout;
 //显示时间
 function displayTime(){
  var date = new Date();
  var hour = date.getHours();
  hour = hour<10?"0"+hour:hour;
  var minute = date.getMinutes();
  minute = minute<10?"0"+minute:minute;
  var second = date.getSeconds();
  second = second<10?"0"+second:second;
  //将时、分、秒组成时间
  var time = hour+":"+minute+":"+second;
  //将时间显示在文本框中
  document.getElementById("txtTime").value = time;
 }
 function stopTime(){
  window.clearTimeout(timeout);//清除Timeout对象
 }
 function continueTime(){
  timeout = window.setInterval("displayTime()",1000); 
 }
 timeout = window.setInterval("displayTime()",1000);
 //window.onload窗体加载事件，后面接的函数不能加左右小括号
 //window.onload = displayTime();//不会调用函数，会没效果
 window.onload = displayTime;//正确
</script>

</head>

<body>

<input type="text" id="txtTime" />

<input type="button" onclick="stopTime()" value="停止" />

<input type="button" onclick="continueTime()" value="继续" />

</body>

</html>

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

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

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

  2. setTimeout()和setInterval()的区别

    JS学习 - setTimeout()和setInterval()的区别 相同点 setTimeout 和 setInterval的语法相同.他们都有两个参数,一个是将要执行的代码字符串,还有一个是以 ...

  3. javascript中的两个定时函数setTimeOut()和setInterVal()的区别

    js中经常性要用到间隔几秒或暂停几秒执行某个函数, 简单介绍我从网上收集到setTimeOut()和setInterVal()的区别1.setInterVal()介绍 1)定义 setInterval ...

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

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

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

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

  6. setTimeout和setinterval的区别

    setTimeout("alert('久等了')",2000)是等待多长时间开始执行函数 setinterval(fn,1000)是每隔多长时间执行一次函数 setTimeout和 ...

  7. JavaScript中setTimeout()和setInterval()的区别

    含义: setTimeout()和setInterval()经常被用来处理延时和定时任务.使用setTimeout()处理延时任务,而使用setInterval()方法处理定时任务: setTimeo ...

  8. setTimeout 和 setInterval 的区别

    setTimeout (表达式,延时时间)setInterval(表达式,交互时间)延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout   在执行时,是在载入后延迟指定时间 ...

  9. setTimeout 与setInterval的区别

    setTimeout(code,millisec) 方法用于在指定的毫秒数后调用函数或计算表达式 setInterval(code,millisec) 方法可按照指定的周期(以毫秒计)来调用函数或计算 ...

随机推荐

  1. DEV GridView嵌套

    近来的DEV搞更多.试图寻找专业点的程序做,对这样一个小小的研究. 本篇是多么真实,现在的记录,可以通过点击这条线的子表的内容相关联的行中打开的列表.的影响,如下面的: 以下是实现过程: 1.设计器里 ...

  2. Java学习之路：ArrayList用法

    1.什么是ArrayList     ArrayList是一个动态数组传奇,使用MSDN声明.那是,Array复杂的版本号,它具有以下优点,例如: 动态的添加和降低元素 实现了ICollection和 ...

  3. dede织梦背景经常使用标签

    一些非常实用的标签调用的方法 关键描写叙述调用标签: <meta name="keywords" content="{dede:field name='keywor ...

  4. Jquery基础教程第二版学习记录

    本文仅为个人jquery基础的学习,简单的记录以备忘. 在线手册:http://www.php100.com/manual/jquery/第一章:jquery入门基础jquery知识:jquery能做 ...

  5. 我国常用的坐标系统WKID列表[转]

    原文链接:http://blog.sina.com.cn/s/blog_62f9ffcd0102uw8x.html Geographic Coordinate System 地理坐标 4214  GC ...

  6. xml：Invalid byte 2 of 2-byte UTF-8 sequence

    xml解析错误:Invalid byte 2 of 2-byte UTF-8 sequence 在做接口解析时候出现的错误:Invalid byte 2 of 2-byte UTF-8 sequenc ...

  7. android--解--它们的定义tabhost（动态添加的选项+用自己的主动性横向滑动标签+手势切换标签页和内容特征）

    在本文中,解决他们自己的定义tabhost实现,并通过代码集成动态加入标签功能.自己主动标签横向滑动功能.和手势标签按功能之间切换. 我完成了这个完美的解决方案一起以下: 1.定义tabwidget布 ...

  8. string.format大全

    字符串的数字格式 stringstr1 =string.Format("{0:N1}",56789);               //result: 56,789.0 strin ...

  9. centos5.8本地安装yum资源，安装软件包

    首先 [root@mode media]# cd /etc/yum.repos.d/ [root@mode yum.repos.d]# ll total 16 -rw-r--r-- 1 root ro ...

  10. 异步编程（Async和Await）的使用

    .net4.5新特性之异步编程(Async和Await)的使用 一.简介 首先来看看.net的发展中的各个阶段的特性:NET 与C# 的每个版本发布都是有一个“主题”.即:C#1.0托管代码→C#2. ...