定时器及延时器

2019-10-27 21:37:47 阅读：278 来源： 互联网

标签：function 定时器 E5% 延时器 var document div1

原文链接：https://www.mk2048.com/blog/blog.php?id=h0k000b2ka2j&title=%E5%AE%9A%E6%97%B6%E5%99%A8%E5%8F%8A%E5%BB%B6%E6%97%B6%E5%99%A8

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="button" name="btn1" id="btn1" value="启动按钮" />
		<input type="button" name="" id="btn2" value="停止按钮" />
		<div id="div1">
			
		</div>
		<script>
//			延时器
			function delay1(){alert("你好")}
			setTimeout(delay1,5000);

//		定时器1在文档中写入
			var body=document.body;
			function interval1(){i  ;body.innerHTML=i;}
			var i =0;
			setInterval(interval1,1000);
//		定时器2
			var div1=document.getElementById("div1");
			function interval2(){i  ;div1.innerHTML=i;}
			var i =0;
			setInterval(interval2,1000);	


//			定时器停止
			var div1=document.getElementById("div1");
			function interval3(){i  ;div1.innerHTML=i;}
//			回调函数:在setIntervel函数中该函数反复使用
			var i =0;
			var timer3=setInterval(interval3,1000);
//			给一个点击停止按钮
			var btn1=document.getElementById("btn2");
//			给按钮添加点击停止动作
			btn2.onclick=function(){clearInterval(timer3);}
		
			
		</script>
	</body>
</html>

　　定时器销毁

                <input type="button" name="btn1" id="btn1" value="启动按钮" />
		<input type="button" name="" id="btn2" value="停止按钮" />
		<div id="div1">
		<script>
//			定时器再次点击重新开始
			var div1=document.getElementById("div1");							
//			给一个点击停止按钮
			var btn1=document.getElementById("btn1");
//			给按钮添加点击停止动作
			var timer=null;
			btn1.onclick=function(){
				var i =0;
//				在事件中添加销毁定时器的按钮
				clearInterval(timer);
				timer=setInterval(function()        {i  ;div1.innerHTML=i;},1000);
			}
			
		</script>

更多专业前端知识，请上【猿2048】www.mk2048.com

标签：function,定时器,E5%,延时器,var,document,div1
来源： https://blog.csdn.net/QDY5945/article/details/102771995

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

定时器及延时器