Fatal编程技术网
  • redirect/
  • Redirect 我有一个progressbar，但我希望它在100%停止并重新加载站点，以将用户重定向到下一步

Redirect 我有一个progressbar，但我希望它在100%停止并重新加载站点，以将用户重定向到下一步

redirect

Redirect 我有一个progressbar，但我希望它在100%停止并重新加载站点，以将用户重定向到下一步,redirect,progress-bar,Redirect,Progress Bar,好的，正如我在标题中所说的，我已经有了一个工作的假进度条 <html> <head> <style type="text/css"> #progress-bar-wrapper { width: 500px; height: 2px; } #progress-bar { background-

好的，正如我在标题中所说的，我已经有了一个工作的假进度条

<html>
<head>
    <style type="text/css">
        #progress-bar-wrapper
        {
            width: 500px;
            height: 2px;
        }

        #progress-bar
        {
                background-color: #a1cee8;
                width: 100%;
                height: 100%;
        }
    </style>

    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        $(function() { animateProgressBar() });

        function animateProgressBar()
        {
                $("#progress-bar")
                .css("width", "0%")
                .animate(
                {
                        width: "100%"
                },
                1550, //Speed of loading bar
                animateProgressBar);
        }
    </script>
</head>
<body>
    <div id="progress-bar-wrapper">
        <div id="progress-bar"></div>
    </div>
</body>
</html>


#进度条包装器
{
宽度：500px；
高度：2倍；
}
#进度条
{
背景色：#a1cee8；
宽度：100%；
身高：100%；
}
$（函数（）{animateProgressBar（）}）；
函数animateProgressBar（）
{
$（“#进度条”）
.css（“宽度”、“0%”）
.制作动画(
{
宽度：“100%”
},
1550，//加载杆的速度
动画程序条）；
}
这个progressbar被放在预加载站点中，我希望它做的是一旦达到100%，它必须停止，然后重新加载/重定向用户到下一个站点

我脑子里有这个想法，但我想它必须改变一点才能应用： Progressbar加载，达到100%（使用上面提供的代码成功实现），但必须在100%停止。当它这样做时，它必须立即加载到下一个站点的重定向

希望一切都清楚，非常感谢！
克里斯

好的，在朋友的支持下解决了这个问题：

<script type="text/javascript">
var x=0;
//var y=5;
window.onload=progress();

function progress(){
    var timer;

    if(x<100){
        x+=1;
        document.getElementById('progressbar').style.width=x+'%';            
        timer=setTimeout('progress()',-40);
    }else{
        clearTimeout(timer);
        location.href='http://siteexample.com/index.html';
    }
}
</script>


var x=0；
//变量y=5；
window.onload=progress（）；
功能进展（）{
无功定时器；
if（x）