js的bom对象2

1.setInterval()方法

该方法有两个参数,第一个参数用来写js代码,第二个参数用来写设置定时器的时间。setInterval("js代码",毫秒数),该方法实现的功能是每隔一定的时间就会执行js代码

var id1=setInterval("alert('123');",5000);

其中id表示方法返回的数值

window对象的方法,window可以省略

2.setTimeout()方法

该方法有两个参数,第一个参数用来写js代码,第二个参数用来写设置定时器的时间。setTimeout("js代码",毫秒数),该方法实现的功能是隔一定的时间就会执行js代码,并且只会执行一次。

var id2=setTimeout("alert('abc');",3000);
window对象的方法,window可以省略

3.clearInterval(id)表示消除setInterval设置的定时器

clearInterval(id1);

参数为setInterval返回的id

4.clearTimeout(id)表示消除setTimeout设置的定时器

clearTimeout(id2);

参数为setTimeout返回的id


<html>
   <head>
    <title>html示例</title>
   </head>
   <body>

   		<input type="button" value="setInterval" onclick="clear1();"/>
		<input type="button" value="setTimeout" onclick="clear2();"/>

		<script>
			
			//设置定时器,每隔5s就会弹出一个对话框
			var id1=setInterval("alert('123');",5000);
			//设置一个定时器。隔三秒就弹出对话框,且只会弹出一次
			var id2=setTimeout("alert('abc');",3000);

			//清除Interval定时器
			function clear1(){
					clearInterval(id1);

				}
			//清楚Timeout定时器
			function clear2(){
					clearTimeout(id2);
				}
			
		</script>
   </body>
</html>


 

猜你喜欢

转载自blog.csdn.net/ll123c/article/details/88917905