| 181 | } |
| 182 | |
| 183 | function play() { |
| 184 | body.innerHTML = ""; |
| 185 | replayBtn.style.display = "none"; |
| 186 | status.textContent = "auto · playing"; |
| 187 | let i = 0; |
| 188 | function step() { |
| 189 | if (i >= TRANSCRIPT_TURNS.length) { |
| 190 | status.textContent = "auto · done"; |
| 191 | replayBtn.style.display = ""; |
| 192 | return; |
| 193 | } |
| 194 | const node = turnNode(TRANSCRIPT_TURNS[i]); |
| 195 | node.classList.add("lc-fade-in"); |
| 196 | body.appendChild(node); |
| 197 | body.scrollTop = body.scrollHeight; |
| 198 | i += 1; |
| 199 | setTimeout(step, i === 1 ? 600 : 1100); |
| 200 | } |
| 201 | setTimeout(step, 400); |
| 202 | } |
| 203 | |
| 204 | whenInView(host, play); |
| 205 | } |