我错过了JS吗?

时间:2019-06-25 14:58:40

标签: javascript

我在这里有一个js编码,但是没有用。怎么了 我是否缺少任何{}?还是我写错了什么?

window.addEventListener("load", showPage);


function showPage()
console.log("showPage");

document.getElementById('horizontal1').style.animation = 'mymoveHor 1s';
document.getElementById('horizontal2').style.animation = 'mymoveHor 0.5s';
document.getElementById('vertical1').style.animation = 'mymoveVer 1.5s';


var dfade = document.getElementById("portfolio1");

function fadeIn(dfade, time) {

    dfade.style.opacity = 0;

    var last = +new Date();
    var tick = function () {
        dfade.style.opacity = +dfade.style.opacity + (new Date() - last) / time;
        last = +new Date();

        if (+dfade.style.opacity < 1) {
            (window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16);
        }
    };

    tick();
}

fadeIn(dfade, 3000);

请帮帮我...

1 个答案:

答案 0 :(得分:1)

只需在您的showPage函数中添加“ {”和“}”

function showPage() {
  console.log("showPage");

  document.getElementById('horizontal1').style.animation = 'mymoveHor 1s';
  document.getElementById('horizontal2').style.animation = 'mymoveHor 0.5s';
  document.getElementById('vertical1').style.animation = 'mymoveVer 1.5s';
}

function fadeIn(time) {
    var dfade = document.getElementById("portfolio1");

    dfade.style.opacity = 0;

    var last = +new Date();
    var tick = function () {
        dfade.style.opacity = +dfade.style.opacity + (new Date() - last) / time;
        last = +new Date();

        if (+dfade.style.opacity < 1) {
            (window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16);
        }
    };

    tick();
}

window.addEventListener("load", showPage);

fadeIn(dfade, 3000);