使用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 + " 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>