当装载机完成时,Pace.Js帮助链接另一页

时间:2017-09-30 19:09:13

标签: jquery progress-bar pace.js

我有索引,但我想加载另一个页面,在他的pace.js加载器完成之后,我修改了时间间隔的默认属性,但是我想在这个加载器完成之后显示另一个页面,我想一些步调脚本代码是必需的。请帮忙。

这是我的HTML

<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Casa del nino</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>


 <script src="pace/pace.js"></script>
  <link href="pace/themes/green/pace-theme-loading-bar.css" rel="stylesheet" />

<link rel="stylesheet" href="casanino2.css">
</head>

<body class="image"  >

<script>

    Pace.start()

    </script>

</body>
</html>

这是我的css代码

  .image{


         background: url('imagenes/20130819180556.jpg') no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
    }

1 个答案:

答案 0 :(得分:0)

我添加

    $(document).ready(function(){     window.setTimeout(function(){         location.href =&#34; prueba.html&#34 ;;     },3400);      });