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

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

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

1.setInterval()与clearInterval()

<button id="btn" οnclick="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 οnlοad="getHello()">
	<button id="btn" οnclick="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()是延迟执行

转载于:https://www.cnblogs.com/jerry666/p/5271720.html