wake-up-neo.com

zeitverzögerte Weiterleitung?

Ich habe eine Website, die in meinem HTML-Bereich zu einem "Abschnitt" mit dem Namen "Blog" führt. Ich möchte, dass der Benutzer die Seite für eine kurze Sekunde oder 2 Sekunden sieht und dann zu meiner Blog-Engine umleitet.

Bitte schlagen Sie eine zeitverzögerte Weiterleitung vor?

Wenn ich mit einer Zeitverzögerung basierend auf dem Klick des Blogs li umleiten kann:

<li data-target="blog" data-target-activation="click" class="tile icon_add_favourite">
          <div>
            <h2>Blog</h2><h3>13</h3>
                <script type="text/JavaScript">
                &lt;!--
                    setTimeout("location.href = 'http://www.mysite.co.uk/blog';", 1500);
                --&gt;
                </script>
          </div>
        </li>

UPDATE: Dies ist so seltsam, wenn HTML5 in den Abschnittsblock gleitet, auf dem die Seite immer noch mit dem gesamten Code gerendert wird. Daher sollte der JS durch das Ereignis click ausgelöst werden und dann die Umleitung basierend auf dem Timer ausführen.

Die Lösungen arbeiten in JS, wenn die Warnfenster angezeigt werden. Ich frage mich, warum sie nicht auf meiner Seite funktionieren.

30

Bearbeiten:

Das Problem, dem ich gegenüberstehe, ist, dass HTML5 alles auf einer Indexseite ist. Also, ich brauche den Timer, der beim Klicken auf den Blog-Link gestartet wird.

Versuchen Sie, den setTimeout in einem Click-Handler über den Blog-Link aufzurufen.

$('#blogLink').click (function (e) {
   e.preventDefault(); //will stop the link href to call the blog page

   setTimeout(function () {
       window.location.href = "blog.html"; //will redirect to your blog page (an ex: blog.html)
    }, 2000); //will call the function after 2 secs.

});

Versuchen Sie, die setTimeout-Funktion wie folgt zu verwenden:

setTimeout(function () {
   window.location.href = "blog.html"; //will redirect to your blog page (an ex: blog.html)
}, 2000); //will call the function after 2 secs.
64
<meta http-equiv="refresh" content="2; url=http://example.com/" />

Hier ist 2 in Sekunden verzögert.

56
Marat Tanalin
 <script type="text/JavaScript">
      setTimeout("location.href = 'http://www.your_site.com';",1500);
 </script>
9
ashraf mohammed

Sie können zeitgesteuerte Weiterleitungen problemlos mit JavaScript erstellen. Ich schlage jedoch vor, location.replace ('url') anstelle von location.href zu verwenden. Es verhindert, dass ein Browser die Site in den Verlauf schiebt. Ich habe diese JavaScript-Weiterleitung gefunden. Ich denke, du könntest das gebrauchen.

Beispielcode (mit 5 Sekunden Verzögerung):

<!-- Pleace this snippet right after opening the head tag to make it work properly -->

<!-- This code is licensed under GNU GPL v3 -->
<!-- You are allowed to freely copy, distribute and use this code, but removing author credit is strictly prohibited -->
<!-- Generated by http://insider.zone/tools/client-side-url-redirect-generator/ -->

<!-- REDIRECTING STARTS -->
<link rel="canonical" href="https://yourdomain.com/"/>
<noscript>
    <meta http-equiv="refresh" content="5;URL=https://yourdomain.com/">
</noscript>
<!--[if lt IE 9]><script type="text/javascript">var IE_fix=true;</script><![endif]-->
<script type="text/javascript">
    var url = "https://yourdomain.com/";
    var delay = "5000";
    window.onload = function ()
    {
        setTimeout(GoToURL, delay);
    }
    function GoToURL()
    {
        if(typeof IE_fix != "undefined") // IE8 and lower fix to pass the http referer
        {
            var referLink = document.createElement("a");
            referLink.href = url;
            document.body.appendChild(referLink);
            referLink.click();
        }
        else { window.location.replace(url); } // All other browsers
    }
</script>
<!-- Credit goes to http://insider.zone/ -->
<!-- REDIRECTING ENDS -->
4

Fügen Sie diesen Code irgendwo ein, wenn Sie zu Ihrem "Abschnitt", dem sogenannten Blog, wechseln.

$("#myLink").click(function() {
    setTimeout(function() {
        window.navigate("the url of the page you want to navigate back to");
    }, 2000);
});

Dabei ist myLink die ID Ihrer Href.

3

Sie können dies direkt in Ihr Buttun aufnehmen. Es funktioniert sehr gut. Ich hoffe, es ist nützlich für Sie . Onclick = "setTimeout ('location.href = ../../dashboard.xhtml;', 7000);"

0
LAWSON Aaron