Prosty drukarz tekstu

[Devilshakerz]

HTML:

Kod:

<div>
    <span id="textspan"></span>
    <blink id="i">&#x258c;</blink>
</div>

JS:

Kod:

<script type="text/javascript">
/* Text printer by Devilshakerz
*  use:
*    | - new line
*    ` - wait and delete current text
*/
text = 'Wake up, Neo.`The Matrix has you.`Follow the white rabbit.`Knock, knock!'
print_speed = 100

textspan = document.getElementById('textspan')
text_length = text.length
i = 0
br = false
function print() {
    if (text[i]=='|') {
        br = true
    } else if (text[i]=='`')
        setTimeout('textspan.innerHTML = ""', 2000)
    else {
        if (br == true) br_ = '<br />';
        else br_ = '';
        textspan.innerHTML = textspan.innerHTML+br_+text[i]
        br = false
    }

    if (i < text_length-1) {
        if (text[i]=='|' || text[i]=='`')
            setTimeout('print()', 2000);
        else
            setTimeout('print()', print_speed);
        
        i++;
    }
}

print();
</script>

Na początku kodu JS zmieniamy wartość zmiennej text - będzie to zawartość do "drukowania", możemy w niej posłużyć się znakami:

Cytat:| - przejście do nowej lini (2s przerwy)
` - czyszczenie pola (2s przerwy) i drukowanie dalej

Druga zmienna służy do ustawiania prędkości drukowania (w milisekundach).

Efekt (+ kilka dodatków CSS): http://devilshakerz.com/x/matrixprinter.html

[Pain]

Devil, kolejny świetny skrypt z Twojej strony.
Nie widziałem na necie podobnego dzieła.
Łap piwo za pomysł i wykonanie.

[QJcina]

Na operze wyskakuje null przed każdym.

[Devilshakerz]

Widzę pierwszą niekompatybilność przeglądarek w parsowaniu JS
Poprawione (w linijce z setTimeout null na "").