给网站添加一言打字效果

介绍

将下面代码放到 </body>标签前。

放在适合的地方即可。

效果跟本站一样的。

代码

<script src="//ku.dzzui.com/js/jquery.min.js"></script> 
<script type="text/javascript" src="//ku.dzzui.com/js/typed.min.js"></script>
<script>
   $.ajax({
            type:"get",
            url:"https://api.dzzui.com/api/yiyan?format=json2",
            async:true,
          
     success:function(typed){
            var list = [];
            for(var i = 0 ;i < typed.data.length ; i++){
                list.push(typed.data[i]['text']);
            }
                $("#typed").typed({
                    strings: list,
                    typeSpeed: 20,
                    loop: true,
                    backDelay: 1000,
                });
            }
        });
    </script>

在你要显示一言打字的地方加入下面代码。

<span id="typed">Loading</span>

还有一个非常简单的，一行代码，但是没有打字特效

直接放在要显示的地方，只需这一行代码

<script src="//api.dzzui.com/api/yiyan?format=js"></script>

效果