坚持使用JavaScript动画

坚持使用JavaScript动画,javascript,animation,css-animations,Javascript,Animation,Css Animations,我已经很久没有写代码了,我决定创建一个有趣的小网站来更新我的技能。不幸的是,我一直在制作泥鸽的动画(我正在制作一个互动的东西)。我已经在这段代码上呆了好几天了,我的脑子都转不过来了。任何帮助都将不胜感激 这是我的代码中卡住的部分: var-uwifh=1; 如果(uwifh==1){ var screenwidth=屏幕宽度-'px'; 变量screenheight=屏幕高度-'px'; 函数Lancerklei(){ var e=document.getElementById('clay')

我已经很久没有写代码了,我决定创建一个有趣的小网站来更新我的技能。不幸的是,我一直在制作泥鸽的动画(我正在制作一个互动的东西)。我已经在这段代码上呆了好几天了,我的脑子都转不过来了。任何帮助都将不胜感激

这是我的代码中卡住的部分:

var-uwifh=1;
如果(uwifh==1){
var screenwidth=屏幕宽度-'px';
变量screenheight=屏幕高度-'px';
函数Lancerklei(){
var e=document.getElementById('clay');
e、 style.visibility='visible';
var positie_yinit=数学楼层(数学随机*(屏幕高度/1.7))+50;
var正值;
var positie_x=10;
var系数=(数学地板(数学随机*50)+1)/1000;
var parabooltop=屏幕宽度/2;
var snelheid=数学地板(数学随机*20)+20;
var-elke20ms;
elke20ms=设置间隔(函数(){
positie_x=positie_x+=snelheid;
正y=(-1*抛物型工具系数)*(正x-抛物型工具顶部)^2;
e、 style.left=positie_x+‘px’;
e、 style.top=positie_y+positie_yinit+屏幕高度+px';
}, 20);
};
设置超时(Lancerklei,1000);
};
#粘土{
位置:固定;
高度:150像素;
宽度:150px;
可见性:隐藏;
z指数:11;
顶部:10px;
左:10px;
}

我注意到您的代码中有两个地方不正确。首先,例如,不能使用-operator将“px”从“100px”切掉。如果您确实想使用
screen.width
(或height属性),则无需这样做,因为它是一个数值,而不是一个字符串开头,您只需执行
var screenwidth=screen.width

第二件事是Math.random是一个函数,需要像这样调用
Math.random()


通过这些修正,你的动画开始了某种生活,我认为剩下的工作与你的动画逻辑有关

许多问题只是为了让它运行。检查这个“工作”代码。代码中很少有奇数位。第一个
var-uwifh=1;如果(uwifh==1){
这个
var screenwidth=screen.width-'px';
是错误的,假设你的目标是
var screenwidth=screen.width+'px';
+
将在
-
尝试减法时压缩字符串。在@GilesC注释之后,随机是另一回事;学习如何使用调试器并检查c您正在使用的浏览器中的OLE。它们是查找错误和查看操作结果的非常宝贵的工具。非常感谢您的回复,现在我可以继续我(奇怪的)创建的其余部分了。