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

时间 2019-12-09

标签学习浏览器对象计时器 setinterval settimeout 使用区别栏目 JavaScript 繁體版

原文原文链接

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

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

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()spa

<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()是延迟执行blog