Javascript第六章计时器练习【源码】第四课

版权声明:本文为博主原创文章,未经博主允许不得转载。如有问题,欢迎指正。 https://blog.csdn.net/qq_30225725/article/details/89309801
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
		//1.下面代码的输出结果是? 结果:undefined、2
		/*function test(){
			console.log(a);
			console.log(foo());
			var a=1;
			function foo(){
				return 2;
			}
		}
		test();*/

		function test(){
			var a;
			function foo(){
				return 2;
			}
			console.log(a);
			console.log(foo());
			a=1;
		}
		test();


		//2.计时器
		var r=0;
		var l=0;
		var timer;
		function doStart(){
			$("start").disabled=true;
			$("stop").disabled=false;
			timer=setInterval(go, 100);

		}

		function go(){
			r++;
			if(r>9){
				r=0;
				l++;
			}
			if(l>9){
				r=0;
				l=0;
			}
			$("imgr").src="number/"+r+".bmp";
			$("imgl").src="number/"+l+".bmp";
		}

		function doStop(){
			$("start").disabled=false;
			$("stop").disabled=true;
			clearInterval(timer);
		}

		function $(id){
			return document.getElementById(id);
		}
	</script>
</head>
<body>
	<table>
		<tr>
			<td><img src="number/0.bmp"  id="imgl"></td>
			<td><img src="number/0.bmp"  id="imgr"></td>
		</tr>
		<tr>
			<td><input type="button" value="开始" id="start" onclick="doStart()"></td>
			<td><input type="button" value="停止" id="stop" onclick="doStop()" disabled></td>
		</tr>
	</table>
	
</body>
</html>

效果:

在这里插入图片描述

展开阅读全文

没有更多推荐了,返回首页