master

分支 (1)

管理

管理

master

jsdemo
/
sport2.html

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>运动框架2 简单的运动2</title>
	<style>
		*{margin: 0; padding: 0;}
		.box{
			width:100px;
			height: 100px;
			position: absolute;
			top:80px;
			left:40px;
			background-color: pink;
		}
	</style>
</head>
<body>
	<div class="box" id="box"></div>
	<script>
		window.onload = function(){
			var oBox = document.getElementById("box");

			var num = 40;
			var timer;

			/* 实现效果：
			*  自动运动到705宽度就停止
			*/

			timer = setInterval(function(){
				num += 8;
				//应该是临界值的 >= ,不能写 ==
				if( num >= 705){
					num = 705;
					clearInterval(timer);
				}
				oBox.style.left = num + 'px';
			},30)

		}
	</script>
</body>
</html>