JS计时函数setTimeout()与setInterval()区别

在asp编程开发过程中，难免会遇到一些js的问题，总不能全部都让页面制作人员去写吧，我们开发人员有时候也试着去写一些js函数，这样可以提高我们工作中效率，也可以提高我们的各种语言水平。

这里我介绍一下常用的js计时器函数的用法和区别，这个常用在js广告效果中。
       setTimeout() : 用于在指定的毫秒数后调用函数或计算表达式;
       setInterval() : 按照指定的周期(以毫秒计)来调用函数或计算表达式. 无限次循环调用函数,直至关闭窗口或使用clearInterval()来停止执行;
       很容易看到这两个函数的区别在于它们的执行次数不一样, setTimeout()只执行一次；而setInterval()无限次循环执行。

我介绍两个例子来说明一下

1、用js计时函数setTimeout()来定时关闭一个层

<style type="text/css">
 #aaa{display:block; position:absolute; border:1px solid #f00; left:300px; height:150px; margin-top:300px; width:500px; line-height:150px; text-align:center; font-size:50px; font-weight:bold;}
 </style>
<div id="aaa">Hello World!www.aspbc.com(asp编程网)</div>
 <script>
 var $=function(id){
	 return document.getElementById(id);
 }
  var fun=function(){
	   $("aaa").style.display="none";
  }
  var t=function(){
	  window.setTimeout(fun, 2000);
  }
  window.onload=t;
 </script>

<a href="javascript:void(0);" onclick="mstop()">停止</a>
 <style type="text/css">
 #aaa{display:block; position:absolute; border:1px solid #f00; left:300px; height:150px; margin-top:300px; width:500px; line-height:150px; text-align:center; font-size:50px; font-weight:bold;}
 </style>
<div id="aaa">www.aspbc.com(asp编程网)</div>
 <script>
 var intervalId;
 var $=function(id){
	 return document.getElementById(id);
 }
  var fun=function(){
	  if($("aaa").style.display=="none"){
		$("aaa").style.display="block";  
	  }
	  else{
	   	$("aaa").style.display="none";
	  }
  }
  var t=function(){
	  intervalId = setInterval(fun, 2000);
  }
  var mstop=function(){
	  window.clearInterval(intervalId);
  }
  window.onload=t;
 </script>