坚持使用JavaScript动画

时间:2017-01-04 10:01:57

标签: javascript animation css-animations

我没有多年编写代码,我决定创建一个有趣的小网站来刷新我的技能。不幸的是,我仍然坚持使用粘土动画(我正在制作一个互动的东西)。我已经被困在这段代码上好几天了,我无法理解它。任何帮助将非常感激。

这是我的代码所在的段:



var uwifh = 1;
if (uwifh == 1) {
    var screenwidth = screen.width-'px';
    var screenheight = screen.height-'px';

    function lanceerklei() {
        var e = document.getElementById('clay');
        e.style.visibility = 'visible';

        var positie_yinit= Math.floor(Math.random*(screenheight/1.7))+50;
        var positie_y;
        var positie_x = 10;
        var paraboolfactor = (Math.floor(Math.random * 50) + 1)/1000;
        var parabooltop = screenwidth/2;
        var snelheid = Math.floor(Math.random*20)+20;

        var elke20ms;
        elke20ms= setInterval(function(){
            positie_x= positie_x += snelheid;
            positie_y= (-1 * paraboolfactor) * (positie_x - parabooltop) ^ 2;
            e.style.left = positie_x + 'px';
            e.style.top = positie_y + positie_yinit + screenheight + 'px';
        }, 20);
    };

    window.setTimeout(lanceerklei, 1000);
};

 #clay{
    position: fixed;
    height: 150px;
    width: 150px;
    visibility: hidden;
    z-index: 11;
    top: 10px;
    left: 10px;
}

<img src="http://www.threecountiesclayshoot.co.uk/communities/0/004/013/041/930//images/4619113458.png" id="clay">
&#13;
&#13;
&#13;

这不是整个代码如果你想要剩下的,我会给出其余的。

再次感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

我注意到代码中有两件不正确的内容。首先,你不能使用 - 运算符从'100px'切掉'px'。如果你真的想使用screen.width(或高度属性),则不需要,因为它是一个数值而不是一个字符串,你应该只做var screenwidth = screen.width

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

通过这些更正,您的动画可以实现某种生活,我认为剩下的工作与动画的逻辑有关。