Link ausführen zeitlich verzögern

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas
dandy-nagel

dandy-nagel hat kostenlosen Webspace.

23:31, 5.1.2017
Hallo,

gibt es eine Möglich (z.B. per js) das Ausführen eines Links zeitlich zu verzögern?

Ich möchte auf einen Link klicken und die referenzierte Adresse soll erst nach einem festgelegten Zeitpunkt aufgerufen werden.(nicht sofort nach dem Klick)

Geht sowas halbwegs unumständlich?
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

0:29, 6.1.2017

Doch klar, mit Javascript geht das.
Javascript:

document.addEventListener("DOMContentLoaded", function() {
  var elements = document.getElementsByClassName("verzoegert")
  for (var i=0; i<elements.length; i++) {
    let e=elements[i]
    e.addEventListener("click", function(evt) {
      evt.preventDefault()
      setTimeout(function() {
        document.location.href=e.getAttribute("href")
      }, 5000)
    })
  }
})

HTML:

<a href="http://example.com/" class="verzoegert">Link zu example.com</a>

Wer kein Javascript aktiviert hat, kann den Link ohne Verzögerung aufrufen.

invalidenturm

invalidenturm hat kostenlosen Webspace.

0:42, 6.1.2017

Für einen speziellen Link geht das z.B. so:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html;
      charset=windows-1252">
    <title>Titel</title>
    <meta name="author" content="G.F.">
    <script language="javascript">
function fenster_neu()
{
location.href='http://irgendwo.lima-city.de'
}
window.setTimeout('fenster_neu()',25);
  </script>
  </head>

  <body style="color: rgb(255, 255, 0); background-color: rgb(53, 152,
    94);" alink="#EE0000" bgcolor="#ffffff" link="#ffcc66"
    text="#000000" vlink="#ffffcc">
    <div align="center">
              <p><font size="3pt" face="Tahoma"><br>
                  <br>
                  Sie werden automatisch
                  weitergeleitet, <br>
                  falls die Weiterleitung nicht funktioniert unterstützt
                  ihr Browser kein Javascript, <br>
                  in diesem Fall bitte <a href="'http://irgendwo.lima-city.de'">HIER</a>
                  klicken...</font></p>
            </td>
          </tr>      
    </div>
  </body>
</html>

In window.setTimeout('fenster_neu()',25 legst Du die Verzögerungszeit fest, bis dann die Adresse in location.href='......' aufgerufen wird. Zeitangabe ist in ms. Das was im Body steht, soll nur ermöglichen, dass auch wenn kein Javascript aktiviert ist, ein weiterkommen möglich bleibt. Wenn Du sicher bist, dass Javascript im Browser aktiv ist, kannst du darauf verzichten.

domkri

domkri hat kostenlosen Webspace.
12:59, 7.1.2017
Hier die Variante aufs nötige reduziert und einem Fallback ohne Javaskript
(aber wer kümmert sich heutzutage noch um Leute die kein Javaskript haben)
```
<a onclick="javascript:window.setTimeout(function(){ location.href='http://irgendwo.lima-city.de'; }, 2000);return false;" href="http://irgendwo.lima-city.de">Link</a>
```
Beitrag zuletzt geändert: 7.1.2017 13:07:50 von domkri
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city