Когда я пробую ваш код с тегом сценария cdn, он печатает.Вероятно, существует проблема с вашим локальным файлом typed.js
.См. Фрагмент ниже для справки:
<head>
<meta charset="utf-8">
<title>webpage</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="particles-js"></div>
<script type="text/javascript" src="js/particles.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.10/typed.min.js"></script>
<div class="name">
Name
<div class="about">
<p><span class="typed"></span></p>
</div>
</div>
<script type="text/javascript">
var typed = new Typed(".typed", {
strings: [
"Developer | Reader",
"Developer | Python Enthusiast",
"Developer | Stopped"
],
backSpeed: 40,
typeSpeed: 40
});
</script>
РЕДАКТИРОВАТЬ: Если вы хотите, чтобы все строки были напечатаны, вы должны добавить их в массив строк.Также часть, которая не должна изменяться, в этом случае Developer |
должна быть в каждой строке, так что typed.js точно знает, сколько нужно стереть при возврате.Он автоматически сохранит часть, общую для всех строк.
Если вы просто хотите, чтобы часть после |
была набрана, а часть Reader уже была там, когда вы загружаете (как это было в вашем собственном коде), попробуйте следующее:
<head>
<meta charset="utf-8">
<title>webpage</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="particles-js"></div>
<script type="text/javascript" src="js/particles.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.10/typed.min.js"></script>
<div class="name">
Name
<div class="about">
<p>Developer | <span class="typed">Reader</span></p>
</div>
</div>
<script type="text/javascript">
var typed = new Typed(".typed", {
strings: [
"Reader",
"Python Enthusiast",
"Stopped"
],
backSpeed: 40,
typeSpeed: 40
});
</script>
Другими словами, похоже, что если у вас уже есть какой-то текст в набираемом элементе, вам нужно, чтобы этот текст также присутствовал в вашей строкемассив, иначе он пропустит некоторые элементы.