如何在应用脚本动画之前隐藏元素

时间:2015-08-04 13:35:03

标签: javascript jquery html css adobe-edge

我怎样才能显示<脚本>在页面加载内容之前的html中?

<script>
    function startTime() {
        var today=new Date();
        var h=today.getHours();
        var m=today.getMinutes();
        var s=today.getSeconds();
        m = checkTime(m);
        s = checkTime(s);
        document.getElementById('uhrzeit').innerHTML = h+":"+m+":"+s;
        var t = setTimeout(function(){startTime()},500);
    }   

    function checkTime(i) {
        if (i<10) {i = "0" + i};  // add zero in front of numbers < 10
        return i;
    }
</script>

第一个只显示一天中的时间...更重要的是第二部分。目前网站正在加载内容,并在内容完成加载后向我显示Edge-Animate动画。并且你可能会提到,在加载分页后播放动画很糟糕......

<!--Adobe Edge Runtime-->
<script>
    var custHtmlRoot="hin-aktuell/Assets/"; 
    var script = document.createElement('script'); 
    script.type= "text/javascript";
    script.src = custHtmlRoot+"edge_includes/edge.6.0.0.min.js";
    var head = document.getElementsByTagName('head')[0], done=false;
    script.onload = script.onreadystatechange = function(){
    if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
        done=true;
        var opts ={
            scaleToFit: "none",
            centerStage: "none",
            minW: "0px",
            maxW: "undefined",
            width: "100%",
            height: "100%"
        };
        opts.htmlRoot =custHtmlRoot;
        AdobeEdge.loadComposition('hin-aktuell', 'EDGE-2489594', opts,
        {"dom":{}}, {"dom":{}});        
        script.onload = script.onreadystatechange = null;
        head.removeChild(script);
    }
};
    head.appendChild(script);
</script>

0 个答案:

没有答案