Splash screen en javascript
Bonjour à tous,
je suis en train d'essayer de réaliser un splash screen en javascript, afin d'afficher une page temporaire aux visiteurs qui cliquent sur un lien sortant, voici donc mon code (je précise que le site est réalisé en PHP via Zend Framework) :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<script type="text/javascript">
function redirectTime()
{
sleep(5);
window.location.replace('<?php echo $this->productUrl; ?>');
}
function sleep (seconds) {
var start = new Date().getTime();
while (new Date() < start + seconds*1000) {}
return 0;
}
window.onLoad = redirectTime();
</script>
<div>
[Message d'attente]
</div> |
le problème est qu'il ne m'affiche que le head pendant 5 secondes avant de me rediriger vers le lien sortant, j'aimerai qu'il m'affiche la page complète pendant 5 secondes.
J'ai essayé un body onLoad, j'ai égallement essayé de mettre l'appel au script juste avant la fermeture de la balise body mais cela ne change rien.
Quelqu'un à une idée ?
EDIT : j'ai finalement trouvé la solution, je la met ici au cas ou quelqu'un aurait besoin de faire la même chose :
Code:
1
2
3
4
5
6
7
|
<script type="text/javascript">
function redirectProduct() {
document.location.href = '<?php echo $this->productUrl; ?>';
}
var monTimer = setTimeout("redirectProduct()",5000);
</script> |
