原生js缓冲运动

最新推荐文章于 2022-09-26 13:42:34 发布

Pumpkin~

最新推荐文章于 2022-09-26 13:42:34 发布

阅读量191

点赞数

CC 4.0 BY-SA版权

分类专栏： js，es6

本文链接：https://blog.youkuaiyun.com/qq_37635519/article/details/90271315

js，es6 专栏收录该内容

27 篇文章

订阅专栏

博客围绕原生JS缓冲运动展开，在信息技术领域，JS常用于前端开发，缓冲运动是其在页面动画效果实现上的应用，能为网页增添动态交互性，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function startMove(dom,target){//目标元素，目标点(数字)    缓冲运动
 		      	    var speed;
	 			 
	 			 	clearInterval(timer);
	 				 
		 			var timer=setInterval(function(){
		 					 
		 				speed=(target-dom.offsetLeft)/6  ;
		 				speed=speed>0?Math.ceil(speed):Math.floor(speed)

		 			  if(dom.offsetLeft==target){
		 				 	clearInterval(timer)
	 					}else{
	 						 dom.style.left=dom.offsetLeft+speed+"px";
	 						 
	 						
	 					}
		 			},30)
	 			 
	 			
 		}