"Wait-Button"

am 12. Dezember 2010 🖊 von Chris

Ein Button darf erst nach bspw. 5 Sekunden geklickt werden? So geht's 🙂

[1]
Hier kann nur "var sek = 5;" (ganz oben) geändert werden. 5 steht für 5 Sekunden warten.

Werbeblocker aktiv?

Vermutlich aufgrund eines Werbeblockers kann an dieser Stelle leider keine Werbung angezeigt werden. Als Blog ist diese Website jedoch darauf angewiesen, um diverse Kosten abdecken zu können. Vielleicht möchtest du Servaholics ja in deinem Werbeblocker als Ausnahme hinzufügen und so unterstützen? 🙂

[2]
Beispielbutton, sollten Sie Ihren eigenen Button verwenden wollen, müssen sie "id="abschicken"" beim Button einfügen.

[1]

```
<script type="text/javascript">
```
```
<!--
```
```
var sek = 5;
```
```
 
```
```
/* Copyright by Servaholics.de
```
```
Ab hier nichts mehr ändern*/
```
```
 
```

document.getElementById('abschicken').disabled = true;

document.getElementById('abschicken').value = "Weiter ...";

```
 
```
```
for(i=0;i<=sek;i++)
```
```
{
```

    window.setTimeout("check(" + i + ")", i*1000);

```
}
```
```
 
```
```
window.setTimeout("ok()", sek*1000);
```
```
 
```
```
function check(vsek) {
```
```
    if(vsek == sek)
```
```
    {
```

        document.getElementById('abschicken').value = "Weiter ...";

```
    }
```
```
    else
```
```
    {
```
```
        noch = sek-vsek;
```

        document.getElementById('abschicken').value = "Weiter in " + noch + " Sekunden ...";

```
    }
```
```
}
```
```
 
```
```
function ok()
```
```
{
```

    document.getElementById('abschicken').disabled = false;

```
}
```
```
//-->
```
```
</script>
```

[2]

<input id="abschicken" type="submit" value="" />

"Wait-Button"

Deine Meinung zu diesem Artikel?