tiao2.github.io/type.html at main · tiao2/tiao2.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
<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style>
    * { background-color: black; color: white; }
    #text {
       font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
       font-size: 16px;
    }
    </style>
</head>
<body>
    <pre id='text'>
新的一年
即将开始！
  --@timestamp
    </pre>
<script>
var st=document.getElementById('text'),txt='',s=0;
st.style.display='none';
(a=>{a.style=st.style;a.style.display='block';a.innerHTML='|';a.id='text2';document.body.appendChild(a);})(document.createElement('pre'));
setTimeout(()=>{document.getElementById('text2').innerHTML=txt+'|';txt=st.innerHTML.substring(0,s+1);s++;},100);
</script>
</body>
</html>