Я создаю простую заставку со следующей последовательностью:
- Исчезают элементы
- Подождите 5 секунд
- Затухающие элементы
- Запустить новую страницу
Я могу получить шаги с 1 по 3 для правильной работы в последовательности.
Однако, как только я добавляю перенаправление URL в свою цепочку (шаг 4), он быстро выполняет шаги с 1 по 3 и прыгает. Вот код, который я использую:
<html>
<head>
<style type="text/css">
.splash p { background: yellow; display: none; }
</style>
<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
<script type="text/javascript">
$.fn.go_homebase = function() {
var url = "homebase.html";
$(location).attr('href',url);
}
$(document).ready(function() {
$('.splash p').fadeIn('slow').delay(5000).fadeOut('slow').go_homebase();
});
</script>
</head>
<body class="splash">
<p>Splash Page!</p>
</body>
</html>
Есть ли правильный и лучший способ, которым я должен это делать?