Javascript+/+；=操作人员

我做的一个基本运动引擎有问题，向上键触发一个函数，使一个小的

div

上升，向下键则相反。我很确定这与

Down（）

函数中的

+=

有关，并且我已经用

-=

对它进行了测试，效果很好，只是我不知道该函数可能有什么冲突

在底部，我写了一条评论，指出我的问题所在

var区间=”；
var-key=false；
var区间1=''；
var-key1=false；
$（文档）.keydown（函数（e）{
如果（e.which==38）{
如果（键===false）{
interval=setInterval（函数（）{Up（）}，20）
key=true；
}
}
如果（e.which==40）{
如果（键1==false）{
interval1=setInterval（函数（）{Down（）}，20）
键1=真；
}
}
});
$（文档）.keyup（函数（e）{
如果（e.which==38）{
清除间隔（间隔）
key=false；
}
如果（e.which==40）{
清除间隔（间隔1）
键1=假；
}
});
document.getElementById（'Jumper'）.style.top='46%'；
var Top=parseInt（document.getElementById（'Jumper'）.style.Top）；
var Topp=parseInt（document.getElementById（'Jumper'）.style.top）；
函数Up（）{
如果（顶部>0）{
Top=parseInt（document.getElementById（'Jumper'）.style.Top）；
Top-=0.2；
document.getElementById（'Jumper'）。style.top=top+'%'；
}
}
函数Down（）{
如果（顶部>0）{
Topp=parseInt（document.getElementById（'Jumper'）.style.top）；
Topp+=0.2；//必须使用parseFloat（），因为parseInt返回整数：：


Topp=parseFloat（document.getElementById（'Jumper'）.style.top）；
必须使用parseFloat（），因为parseInt返回整数：：


Topp=parseFloat（document.getElementById（'Jumper'）.style.top）；
必须使用parseFloat（），因为parseInt返回整数：：


Topp=parseFloat（document.getElementById（'Jumper'）.style.top）；
必须使用parseFloat（），因为parseInt返回整数：：


Topp=parseFloat（document.getElementById（'Jumper'）.style.top）；
正是这一行把它填满了：

Topp = parseInt(document.getElementById('Jumper').style.top);

谢谢朱哈娜指出这一点

这就是工作原理：


var区间=”；
var-key=false；
var区间1=''；
var-key1=false；
var区间2=''；
var-key2=false；
var区间3=''；
var-key3=假；
$（文档）.keydown（函数（e）{
如果（e.which==38）{
如果（键===false）{
interval=setInterval（函数（）{Up（）}，20）
key=true；
}
}
如果（e.which==40）{
如果（键1==false）{
interval1=setInterval（函数（）{Down（）}，20）
键1=真；
}
}
如果（e.which==37）{
如果（键2==false）{
interval2=setInterval（函数（）{Left（）}，20）
键2=真；
}
}
如果（e.which==39）{
如果（键3==false）{
interval3=setInterval（函数（）{Right（）}，20）
键3=真；
}
}
});
$（文档）.keyup（函数（e）{
如果（e.which==38）{
清除间隔（间隔）
key=false；
}
如果（e.which==40）{
清除间隔（间隔1）
键1=假；
}
如果（e.which==37）{
清除间隔（间隔2）
键2=假；
}
如果（e.which==39）{
间隔时间（间隔3）
键3=假；
}
});
document.getElementById（'Jumper'）.style.top='46%'；
document.getElementById（'Jumper'）.style.left='48%'；
var a=parseInt（document.getElementById（'Jumper'）.style.top）；
var b=parseInt（document.getElementById（'jumpter'）.style.left）；
函数Up（）{
如果（a>0）{
a-=1；
document.getElementById（'Jumper'）.style.top=a+'%'；
}
}
函数Down（）{
if（a<92）{
a+=1；
document.getElementById（'Jumper'）.style.top=a+'%'；
}
}
函数左（）{
如果（b>0）{
b-=0.5；
document.getElementById（'Jumper'）.style.left=b+'%'；
}
}
功能权限（）{
如果（b<96）{
b+=0.5；
document.getElementById（'Jumper'）.style.left=b+'%'；
}
}
#跳线{
位置：绝对位置；
最高：46%；
左：48%；
身高：8%；
宽度：4%；
背景色：红色；
不透明度：1；
}
正是这一行把一切都塞满了：

Topp = parseInt(document.getElementById('Jumper').style.top);

谢谢朱哈娜指出这一点

这就是工作原理：


var区间=”；
var-key=false；
var区间1=''；
var-key1=false；
var区间2=''；
var-key2=false；
var区间3=''；
var-key3=假；
$（文档）.keydown（函数（e）{
如果（e.which==38）{
如果（键===false）{
interval=setInterval（函数（）{Up（）}，20）
key=true；
}
}
如果（e.which==40）{
如果（键1==false）{
interval1=setInterval（函数（）{Down（）}，20）
键1=真；
}
}
如果（e.which==37）{
如果（键2==false）{
interval2=setInterval（函数（）{Left（）}，20）
键2=真；
}
}
如果（e.which==39）{
如果（键3==false）{
interval3=setInterval（函数（）{Right（）}，20）
键3=真；
}
}
});
$（文档）.keyup（函数（e）{
如果（e.which==38）{
清除间隔（间隔）
key=false；
}
如果（e.which==40）{
清除间隔（间隔1）
键1=假；
}
如果（e.which==37）{
清除间隔（间隔2）
键2=假；
}
如果（e.which==39）{
间隔时间（间隔3）
键3=假；
}
});
document.getElementById（'Jumper'）.style.top='46%'；
document.getElementById（'Jumper'）.style.left='48%'；
var a=parseInt（document.getElementById（'Jumper'）.style.top）；
var b=parseInt（document.getElementById（'jumpter'）.style.left）；
函数Up（）{
如果（a>0）{
a-=1；