JS基础——定时器的应用

要求：

点击按钮，让物体开始移动，利用定时器的方法让物体移动至终点时停止移动

思路：

首先，需要知道物体实时的位移量，这里需要定义一个getStyle函数来获取物体当前的样式

其次，开启一个定时器setInterval()，让物体开始移动

最后，需要设置关闭定时器clearInterval()的条件

代码演示：

	
		
		
		
			*{
				margin: 0;padding: 0;
			}
			#box1{
				width: 100px;
				height: 100px;
				background-color: #FF0000;
				position: absolute;
			}
		
		
	
	
		点击按钮以后box1向右移动
		


		
		
	

结果展示：

 喜欢小编的关注、点赞走一波呦，后期会不定期分享更多Python、JS和前端相关知识