Эффект печати текста на клавиатуре

<div id="output"></div>

<script>
const text = "Привет! Это пример текста, который будет выводиться с эффектом печатания.";
const delay = 50; // задержка между символами в миллисекундах
const output = document.getElementById('output');
const startTime = Date.now();
const duration = text.length; // продолжительность вывода текста в секундах (например, 10)
let index = 0;
let timer; // переменная для хранения таймера

function printCharacter() {
if (index < text.length && (Date.now() - startTime) < duration * 1000) {
output.innerHTML += text[index];
index++;
timer = setTimeout(printCharacter, delay); // задержка между символами
} else {
// Показываем ссылку с крестиком после завершения текста
showCloseLink();
}
}

function showCloseLink() {
const closeLink = document.createElement('a');
closeLink.href = '#';
closeLink.textContent = ' ❌';
closeLink.style.marginLeft = '5px';
closeLink.addEventListener('click', function(event) {
event.preventDefault();
localStorage.setItem('script-closed', 'true'); // запоминаем, что скрипт был закрыт
output.style.display = 'none'; // скрываем вывод скрипта
});
output.appendChild(closeLink);
}

// Проверяем, был ли скрипт уже закрыт
if (localStorage.getItem('script-closed') === 'true') {
output.style.display = 'none'; // скрываем вывод скрипта, если он был закрыт ранее
} else {
printCharacter(); // запускаем вывод текста, если скрипт еще не был закрыт
}
</script>