Float-In Div需要延迟

时间:2012-02-05 20:39:55

标签: javascript html animation timedelay

下面的代码在我的网页加载时启动一个浮动div,但我需要它在启动前有60秒的延迟。有人可以帮忙吗?您可以在www.bizassist.co.za上看到浮动div的演示。

谢谢。

代码:

var timer;
var h = -450;   
var w = 500;    
var t = 150;

function startAp() {
    setLeft();
    showAp();
}

function hideAp() { 
    if (document.layers) {
        document.layers.pa.visibility = 'hide';
    } else if (document.all) {
        document.all.pa.style.visibility = 'hidden';
    } else if (document.getElementById) {     
        document.getElementById("pa").style.visibility = 'hidden';
    }
}

function showAp() { 
    state=typeof tPos;

    if(state=='undefined') {
        tPos = h;
    }

    if(tPos < t) { 
        tPos+=25;
        if (document.layers) {
            document.layers.pa.top = tPos+"px";
        } else if (document.all) {
            document.all.pa.style.top = tPos+"px";
        } else if (document.getElementById) { 
            document.getElementById("pa").style.top = tPos+"px";
        }
    }

    if(timer!=null) clearInterval(timer);
    timer = setTimeout("showAp()",30);
}

function getoPos() {
    if (document.layers) {
        alert(document.layers.pa.top);
    } else if (document.all) {
        alert(document.all.pa.style.top);
    } else if (document.getElementById) { 
        alert(document.getElementById("pa").style.top);
    }
}

function setLeft() {
    if (document.layers) { 
        document.layers.pa.left = ((window.innerWidth / 2) - (w / 2))+"px";
    } else if (document.all) { 
        document.all.pa.style.left = ((document.body.offsetWidth / 2) - (w / 2))+"px";
    } else if (document.getElementById) {
        document.getElementById("pa").style.left = ((window.innerWidth / 2) - (w / 2)) + "px";
    }
}

1 个答案:

答案 0 :(得分:0)

使用setTimeout函数在延迟一段时间后执行函数。例如

setTimout(showApp, 6000) // time is in milliseconds