Ich versuche, einen einfachen Typ und Löschen-Effekt mit Javascript, aber nach dem Tipp-Effekt, löscht es den letzten Buchstaben und dann bekomme ich einen endlosen Bildschirm undefined. Hier ist mein Code:Simple Type und Erase-Effekt funktioniert nicht
<!DOCTYPE html>
<html>
<head>
<title>Test Typing Effect</title>
</head>
<body>
<script type="text/javascript">
window.onload =function() {
var texttotype = "this is what i want to type";
var typedtext = "";
function eraze(){
if(typedtext != ""){
var eraze = setInterval(function(){
typedtext = typedtext.slice(0, typedtext.length -1);
document.getElementById('type-here').innerHTML = typedtext;
if (typedtext == "") {
clearInterval(eraze);
return
}
}, 200);
}
}
if(typedtext == ""){
var i = 0;
var id = setInterval(function(){
if(typedtext != texttotype){
typedtext +=texttotype[i];
document.getElementById('type-here').innerHTML = typedtext;
} else if (typedtext == texttotype) {
eraze();
}
i++;
}, 200);
}
}
</script>
<p id="type-here"></p>
</body>
</html>
BTW, Jedes Stück des Codes individuell arbeitet, Die Eingabe-Typen und der Lösch löschen, ich kann nicht nur erhalten, es dann geben eraze. Jede Richtung oder Vorschlag würde sehr geschätzt werden. Vielen Dank!!!!
derloopkat Ich wollte einen unendlichen Löscheffekt erstellen, deshalb habe ich die Schreibfunktion nicht gestoppt. Nichtsdestotrotz behebt das, was du vorschlägst, das Problem, dass es mir jetzt erlaubt, den Text zu löschen. Irgendeine Idee, wie man dies zu einer ifinite Schreib-Ära macht? Eine while (true) Schleife scheint nicht zu funktionieren, sie hängt meinen Browser. Vielen Dank!!! – rod122
Ich habe die Lösung aktualisiert, um für immer zu schreiben und zu löschen. – derloopkat