我无法直接从Codepen获取此动画横幅。我认为一切都已正确联系,为什么它不起作用?

时间:2016-08-11 14:32:35

标签: javascript html tweenmax tween.js

我在codepen上找到了这个很酷的小HTML 5横幅,想要玩javascript。但是,当我将所有代码“按原样”转录到我桌面上的公共文件夹中的单独文档中时,没有.js函数似乎正在工作。我认为.js文件存在问题,或者它没有正确地提取TweenMax.min.js库。我尝试下载库并放入桌面上的新文件但没有运气。 url或文件路径似乎都不起作用。以下是我如何链接所有文件的示例。这有意义吗?有人可以给我一些建议吗?非常感谢。

std::pair

get("/json", (req, res) -> {
    long sinceStart = System.currentTimeMillis() - Launcher.getInstance().getStartTime();
    sinceStart /= 1000;
    long hours = sinceStart / 3600;
    sinceStart %= 3600;
    long minutes = sinceStart / 60;
    sinceStart %= 60;
    res.type("application/json");
    return new JSONResponse(hours + ":" + minutes + ":" + sinceStart,
            Launcher.getInstance().getDispatcher().getDispatchCount(),
            Launcher.getInstance().getDispatcher().getCommands().size(),
            Launcher.getInstance().getClient().getGuilds().size());
});
...
private static class JSONResponse {

    private String time;
    private int commands, servers;
    private long dispatchCount;

    JSONResponse(String time, long dispatch, int registered, int servers) {
        this.time = time;
        this.dispatchCount = dispatch;
        this.commands = registered;
        this.servers = servers;
    }

    public String getTime() {
        return time;
    }

    public int getCommands() {
        return commands;
    }

    public int getServers() {
        return servers;
    }

    public long getDispatchCount() {
        return dispatchCount;
    }

    @Override
    public String toString(){
        return Launcher.getInstance().getGson().toJson(this);
    }
}

1 个答案:

答案 0 :(得分:1)

在加载TweenMax库并准备好DOM之前,您似乎已尝试执行该脚本。尝试下面的html,确保codepen.js是body标签中的最后一个元素,以确保它最后运行。

<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8">
    <link href="codepen.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="TweenMax.min.js"></script>
  </head>

  <body>

    <script type="text/javascript" src="codepen.js"></script>
  </body>

</html>