String mit java buchstabiert ausgeben

[ekg]

Hallo!
Ich bräuchte eine Funktion, die einen String Buchstabe für Buchstabe zeitlich verzögert ausgibt. So dass es aussieht, als würde es jemand "in echt" tippen. Ich hatte es versucht mit php und usleep(); aber dann festgestellt, dass es natürlich nicht funktionert. Nach Recherchen habe ich herausgefunden, dass da mit Java wohl recht einfach zu realisieren wäre.
nun, mit php und mysql habe ich ein wenig Erfahrung, aber mit Java bin ich leider komplett überfordert.

Könnte einer von euch Profis helfen? Das wäre der Hammer!

1000 Dank im voraus!

[Kropff]

1. Es heißt JavaScript und nicht Java
2. guckst du hier

Peter

[mermshaus]

Wühlkiste:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function () {
        var
        text     = 'Mark van Bommel',
        index    = 0,
        interval = 100;
        $elem    = $('#demo');

        (function loop() {
                setTimeout(function () {
                        // logic here
                        index++;
                        $elem.html(text.substring(0, index));

                        // Debug
                        console.log($elem.html());

                        if (index < text.length) {
                                // recurse
                                loop();
                        }
                }, interval);
        })();
});
</script>


<p id="demo"></p>

[ekg]

Superb! Vielen Dank für beide Vorschläge! Die zweite Variante ist genau das wonach ich suchte! Perfekt.
Wenn mir noch jemand verraten könnte, wie ich den Text als Variable im tag <p id="demo"></p>übergeben kann. Ich habe von Javascript leider keinen Plan.....

das wäre toll!

[mermshaus]

Ich verstehe nicht, was du meinst.

[TobiaZ]

klingt fast so, als würde soetwas wie innerhtml gesucht werden.

[ekg]

ok, ich hatte micht unkar ausgerdrückt.
Ich will den Text, der im Beispiel als "text = "Mark van Bommel" festgelegt ist, gerne dynamisch als php-variable über geben.
also etwas in der Art:
<p id="demo" text=$phpvariable></p>

was ist jetzt brauch ist die korrekte Syntax...

[ekg]

ich habe es rausgefunden! trotzdem vielen Dank!

[TobiaZ]

Bitte hier posten, dann haben alle was davon.

[ekg]

stimmt das wäre nur fair....
also das script sieht jetzt folgendermaßen aus:

oben im Header:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
function typetext(text) {
var
index = 0,
interval = 200;
$elem = $('#type');

(
function loop() {
setTimeout(function () {
// logic here
index++;
$elem.html(text.substring(0, index));

// Debug
console.log($elem.html());

if (index < text.length) {
// recurse
loop();
}
}, interval);
})();
};
</script>


und dann weiter unten wo ich den Text ausgebe folgendermaßen:

<div id="type"></div>

<script type="text/javascript" language="JavaScript">
<!--
typetext('<? echo $typingtexrt; ?>');
//-->
</script>

funktioniert hervorragend. ich hatte mich noch nie mit Javascript beschäftigt. Aber gestern abend habe ich mich noch mal eine knappe Stunde hingesetzt und zielgerichtet Basics gelernt und war überrascht, dass es gar nicht so schwierig war....

Danke ans Forum, wenn mein "the matrix"-geocache fertig ist, dann darf er gerne besucht werden! Er wird in der Innenstadt von Mannheim sein.... für mitglieder aus dem forum gibt es dann auch telefonhotline ;-)