web-dev-qa-db-fra.com

Rediriger le site Web après un certain temps

Que dois-je faire pour avoir une fonction sur un site Web où il est dit qu'il vous redirigera vers le site en 3 secondes environ?

htmlredirect
119
codedude
<meta http-equiv="refresh" content="3;url=http://www.google.com/" />
184
Darin Dimitrov

Vous recherchez probablement metarefresh tag :

<html>
    <head>
        <meta http-equiv="refresh" content="3;url=http://www.somewhere.com/" />
    </head>
    <body>
        <h1>Redirecting in 3 seconds...</h1>
    </body>
</html>

Notez que l'utilisation de metarefresh est obsolète et désapprouvée ces jours-ci, mais c'est parfois la seule option viable (par exemple, si vous ne parvenez pas à générer des en-têtes de redirection HTTP côté serveur et/ou si vous devez prendre en charge des scripts non JavaScript. clients, etc.).

62
LukeH

Si vous souhaitez un meilleur contrôle, vous pouvez utiliser javascript plutôt que la balise meta. Cela vous permettrait d’avoir un visuel, par exemple. un compte à rebours.

Voici une approche très basique utilisant setTimeout()

<html>
    <body>
    <p>You will be redirected in 3 seconds</p>
    <script>
        var timer = setTimeout(function() {
            window.location='http://example.com'
        }, 3000);
    </script>
</body>
</html>
45
mbrevoort

Voici un exemple complet (mais simple) de redirection après X secondes, lors de la mise à jour d'un compteur div:

<html>
<body>
    <div id="counter">5</div>
    <script>
        setInterval(function() {
            var div = document.querySelector("#counter");
            var count = div.textContent * 1 - 1;
            div.textContent = count;
            if (count <= 0) {
                window.location.replace("https://example.com");
            }
        }, 1000);
    </script>
</body>
</html>

Le contenu initial de la counter div est le nombre de secondes à attendre.

17
noamtm

Le moyen le plus simple consiste à utiliser une balise META HTML comme ceci:

<meta http-equiv="refresh" content="3;url=http://example.com/" />

Wikipedia

10
Ehsan

Placez le code de redirection HTML suivant entre les balises et de votre code HTML.

<meta HTTP-EQUIV="REFRESH" content="3; url=http://www.yourdomain.com/index.html">

Le code de redirection HTML ci-dessus redirigera instantanément vos visiteurs vers une autre page Web. Le contenu = "3; peut être changé en le nombre de secondes que le navigateur attend avant de rediriger. 4, 5, 8, 10 ou 15 secondes, etc.

4
Muhammad Saqib

Utilisez ce code javascript simple pour rediriger une page vers une autre page en utilisant un intervalle de temps spécifique ...

Veuillez ajouter ce code sur la page de votre site Web, à savoir que vous souhaitez rediriger:

<script type="text/javascript">
(function(){
   setTimeout(function(){
     window.location="http://brightwaay.com/";
   },3000); /* 1000 = 1 second*/
})();
</script>
1
Sunny S.M