js学习--浏览器对象计时器setInterval()与setTimeout()的使用与区别

一.setInterval()与setTimeout()的定义:

 

二.setInterval()与setTimeout()的使用:

   1.setInterval()与clearInterval()

<button id="btn" onclick="stopTime()">按钮</button>
	<p id="ptime"></p>
	<script type="text/javascript">
		var mytime = setInterval(function(){
			getTime(); //函数调用
		},1000); //1000毫秒
		function getTime(){
			var d = new Date();
			var t = d.toLocaleTimeString(); //将日期对象时分秒转换成字符串
			document.getElementById('ptime').innerHTML = t;
		}
		function stopTime(){
			clearInterval(mytime);
		}

  

1.setTimeout()与clearTimeout()

<body onload="getHello()">
	<button id="btn" onclick="stopHello()">按钮</button>
	<p id="ptime"></p>
	<script type="text/javascript">
		
		var myinfo;
		function getHello(){
			alert("hello");
			myinfo = setTimeout(function(){getHello()},3000);
		}
 		function stopHello(){
 			clearTimeout(myinfo);
 		}

  3.区别

setTimeout()是对自身的调用执行,setInterval()是延迟执行

posted @ 2016-03-13 12:58  jerry666  阅读(458)  评论(0编辑  收藏  举报