transover.github.io/this.js at main · transover/transover.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
/**
 * Created by ASUS on 2022/11/25.
 */
var charIndex = -1;
var stringLength = 0;
var inputText;

function writeContent(init) {
    if (init) {
        inputText = document.getElementById('contentToWrite').innerHTML;
    }
    if (charIndex == -1) {
        charIndex = 0;
        stringLength = inputText.length;
    }
    var initString = document.getElementById('myContent').innerHTML;
    initString = initString.replace(/<SPAN.*$/gi, "");
    var theChar = inputText.charAt(charIndex);
    var nextFourChars = inputText.substr(charIndex, 4);
    if (nextFourChars == '<BR>' || nextFourChars == '<br>') {
        theChar = '<BR>';
        charIndex += 3;
    }
    initString = initString + theChar + "<SPAN id='blink'>_</SPAN>";
    document.getElementById('myContent').innerHTML = initString;
    charIndex = charIndex / 1 + 1;
    if (charIndex % 2 == 1) {
        document.getElementById('blink').style.display = 'none';
    } else {
        document.getElementById('blink').style.display = 'inline';
    }
    if (charIndex <= stringLength) {
        setTimeout('writeContent(false)', 300);
    } else {
        blinkSpan();
    }
}

var currentStyle = 'inline';

function blinkSpan() {
    if (currentStyle == 'inline') {
        currentStyle = 'none';
    } else {
        currentStyle = 'inline';
    }
    document.getElementById('blink').style.display = currentStyle;
    setTimeout('blinkSpan()', 300);
}