js事件定时器及案例

最新推荐文章于 2024-07-15 16:14:38 发布

原创最新推荐文章于 2024-07-15 16:14:38 发布 · 617 阅读

0 ·

CC 4.0 BY-SA版权

定时器:
1.炸弹定时器 setTimeout():表示间隔多长时间后.要执行某段程序
2.循环定时器 setInterval():
3.清除炸弹定时器: clearTimeout 清除循环定时器: clearInterval

案例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var a = 0;
			function load(){
				var arr = ['遇','见','是','两','个','人','的','事','!'];
				var div_01 = document.getElementById('div1');
				div_01.innerHTML += arr[a];
				a++;
				var time = setTimeout('load()',1000)
				if(a >= arr.length){
					clearTimeout(time);
					setInterval('shan()',300)
				}
			}
			function shan(){
				var span_01 = document.getElementById('span1');
				if(span_01.style.display == 'block'){
					span_01.style.display = 'none'
				}else{
					span_01.style.display = 'block'
				}
			}
		</script>
	</head>
	<body onload="load()">
		<div id="div1" style="font: 楷体;font-size: 26px;color: aquamarine;float: left;"></div>
		<span id="span1" style="font-size: 26px;color: red;">|</span>``
	</body>
</html>