blob: 911754f74f57aed63d6d2759bc826b052d171157 (
plain)
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
50
51
52
53
54
55
56
57
|
<span id="activity-title"></span> <br>
<span id="activity-content"></span> <br>
<script type="text/javascript">
async function typewriter(text, elementId, waitAfter) {
var n = 0,
isTag = false
addText = "";
const el = document.getElementById(elementId);
const wait = () => new Promise(r => setTimeout(r, waitAfter));
const nowait = () => new Promise(r => r());
const render = () => el.innerHTML = (text.slice(0, n + 1) + addText);
const cursor = document.createElement('span');
cursor.id = "blink";
el.style.setProperty("--cursor-visibility", "visible");
while (n < text.length) {
if (text.charAt(n + 1) === "<") isTag = true;
if (text.charAt(n + 1) === ">") isTag = false;
if (isTag) {
n++;
continue;
}
requestAnimationFrame(render);
if (waitAfter === 0) {
await nowait();
} else {
await wait();
}
n++;
}
el.style.setProperty("--cursor-visibility", "collapse");
}
function parseDelay(d) {
const parsed = parseInt(d, 10);
if (isNaN(parsed)) return 0;
return parsed;
}
const titleDelay = parseDelay("{{ .titledelay }}"),
contentDelay = parseDelay("{{ .contentdelay }}");
const typeeffetct = async () => {
await typewriter("{{ .title }}", "activity-title", titleDelay);
await typewriter("{{ .content }}", "activity-content", contentDelay);
return;
}
typeeffetct()
</script>
|
