Как использовать typed.js без jquery или без файла main.js?
Не слишком опытный с HTML, и мне было интересно, как использовать typed.js только в HTML/CSS, вообще без JS. Я загрузил typed.min.js в корень своего сайта, и мне было интересно, как на самом деле настроить его со строками, любая помощь приветствуется :)
Я уже видел это: Установка Typed.js без Node.js - и хотел бы знать, как его настроить, если это возможно, с помощью простых тегов div/h2.
на самом деле кажется, что я был глуп, спасибо за помощь!
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Вы должны сначала включить библиотеку, а затем включить скрипт, чтобы использовать ее. Обычно вы делаете это в самом низу страницы.
<script src = "https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script>
var typed = new Typed('#typed', {
stringsElement: '#typed-strings'
});
</script>
Затем где-то на вашей странице, где вы хотите его использовать...
<div id = "typed-strings">
<p>Typed.js is a <strong>JavaScript</strong> library.</p>
<p>It <em>types</em> out sentences.</p>
</div>
<span id = "typed"></span>
Документы объясняют это довольно хорошо внизу для статического HTML.
Просто включите библиотеку, сославшись на скрипт с их веб-сайта, затем внутри тега <script> определите новый var с помощью var или let и используйте его, как описано в документации (см. ниже);
var typed = new typed.js
var typed = new Typed('.element', {
strings: ["First sentence.", "Second sentence."],
typeSpeed: 30
});
------------
// then where you want to use it,
<div id='coolStrings'>
// stuff inide here
<div>https://mattboldt.com/demos/typed-js/ - вот документы