购物车代码（js）

最新推荐文章于 2023-06-30 11:11:40 发布

blank.lin

最新推荐文章于 2023-06-30 11:11:40 发布

阅读量2.2k

点赞数 2

文章标签： js javascript

本文链接：https://blog.csdn.net/vi_to/article/details/107922558

版权

两天过去了，我还是没有找出自己写出来的代码哪里出现错误！！！
js代码的报错如下：
在这里插入图片描述
js代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#box{
				position: absolute;width: 120px;height: 120px;line-height: 120px;
				text-align: center;background:red;color: #fff;
				border-radius: 60px;
			}
		</style>
	</head>
	<body>
		<div id="box">
			点我啊，跑！
		</div>
	</body>
</html>
<script type="text/javascript">
	function animate(obj,option){
		clearInterval(obj.timer);//防止多次触发事件，重复开启定时器
		obj.timer=setInterval(function(){//反复定时器
			var flag=true;//元素对象移动标志，true表示完成
			for(var k in option){
				var leader=parseInt(getstyle(obj,k))||0;//获取指定元素当前属性值
				var target=option[k];//获取指定元素目标属性值
				var step=(target-leader)/10;//计算每次移动的步长
				step=step>0?Math.ceil(step):Math.floor(step);
				leader=leader+step;//计算属性值
				obj.style[k]=leader+'px';//设置属性值
				if(leader!=target){//判断是否完成移动
					flag=false;
				}
			}
			if(flag){//移动完成后移除定时器
				clearInterval(obj.timer);
			}
		},15);
	}
	function getstyle(obj,attr){
		if(window.getComputedStyle){//标准浏览器
			return window.getComputedStyle(obj,null)[attr];
		}else{//早期版本IE的浏览器，IE6-8
			return obj.currentStyle[attr];
		}
	}
	var obj=document.getElementById('box');
	obj.onclick=function(){
		animate(obj,{'left':200,'top':50});
	};
</script>

还请大佬指教！！！