如何在没有 jquery 或需要 main.js 文件的情况下使用 typed.js？

Question

对 HTML 没有太多经验，想知道如何在 HTML/CSS 中使用 typed.js，完全不用任何 JS。我已经将 typed.min.js 下载到我的站点根目录中，想知道如何使用字符串实际设置它，感谢任何帮助:)

我已经看过这个： - 并且想知道如何使用简单的 div/h2 标签设置它

事实上，我似乎很愚蠢，感谢您的帮助！！

Answer 1

您必须先包含库，然后再包含脚本才能实际使用它。通常您会在页面的底部执行此操作。

<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></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

https://github.com/mattboldt/typed.js/

Answer 2

只需通过从他们的网站引用脚本来包含库，然后在 <script> 标记内，用 var 或 let 定义一个新的 var 并按照中所述使用它文档（见下文）；

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/ - 这是文档

如何在没有 jquery 或需要 main.js 文件的情况下使用 typed.js？

How do I use typed.js without jquery or needing a main.js file?

html

javascript

css

typed.js