使用hitokoto和typed.js,实现hitokoto的打字效果。传送门

代码如下

 1<div class="hitokoto">
 2    <span class="typed" id="hitokoto"></span>
 3</div>
 4
 5
 6
 7
 8<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
 9<script src="//cdn.bootcss.com/typed.js/2.0.11/typed.min.js"></script>
10<script>
11$(function () {
12  $.get("https://v1.hitokoto.cn/", function (data) {
13    var data = data;
14    var str =  data.hitokoto + "&#12288;By "
15
16    var options = {
17      strings: [
18        //str + "退格效果^1000",
19        str + data.from,
20      ],
21      typeSpeed: 80,
22      startDelay:300,
23      // loop: true,
24    }
25    var typed = new Typed(".hitokoto .typed", options);
26  })
27});</script>