127-----JS基础-----定时器简介

一 代码

很简单,看一下即可。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			window.onload = function(){
      
      
				
				//获取count
				var count = document.getElementById("count");
				
				//使count中的内容,自动切换
				/*
				 * 1. JS的程序的执行速度是非常非常快的
				 * 	 如果希望一段程序,可以每间隔一段时间执行一次,可以使用定时调用
				 */
				/*for(var i=0 ; i<10000 ; i++){
					count.innerHTML = i;
					
					alert("hello");
				}*/
				
				/*
				 * 2. setInterval()
				 * 	- 定时调用
				 * 	- 可以将一个函数,每隔一段时间执行一次
				 * 	- 参数:
				 * 		1.回调函数,该函数会每隔一段时间被调用一次
				 * 		2.每次调用间隔的时间,单位是毫秒
				 * 
				 * 	- 返回值:
				 * 		返回一个Number类型的数据
				 * 		这个数字用来作为定时器的唯一标识
				 */
				var num = 1;
				
				var timer = setInterval(function(){
      
      
					
					count.innerHTML = num++;
					
					if(num == 11){
      
      
						//关闭定时器
						clearInterval(timer);
					}
					
				}, 1000);
				//console.log(timer);
				
				// 3. clearInterval()可以用来关闭一个定时器
				//	  方法中需要一个定时器的标识作为参数,这样将关闭标识对应的定时器
				//clearInterval(timer);
				
			};
			
			
		</script>
	</head>
	<body>
		<h1 id="count"></h1>
	</body>
</html>

Guess you like

Origin blog.csdn.net/weixin_44517656/article/details/121524327