一言 HTML调用

正常调用,将下面这段代码放入页面内需要展示一句话的位置即可

 <script type="text/javascript" src="http://api.hitokoto.us/rand?encode=js&charset=utf-8"></script>

以下实现定时切换,点击更换功能:

    <div class="hibox">
                   <div class="hi container">
                       <a href="javascript:;" onclick="getkoto();" title="换一条"><span class="hitokoto" id="hitokoto">Loading...</span></a>
                   </div>
               </div>
    <div id="hjsbox"></div><!--hjsbox 是重新获取接口的缓存 挂网站底部即可-->
       <script>
           //初始化一言
           setTimeout("getkoto()",1000);
           //加载一言
           var t;
           function getkoto(){
               var hjs = document.createElement('script');
               hjs.setAttribute('id', 'hjs');
               hjs.setAttribute('src', 'http://api.hitokoto.us/rand?encode=jsc&fun=echokoto');
               document.getElementById("hjsbox").appendChild(hjs);
               t=setTimeout("getkoto()",5000);
           }
           //输出一言
           function echokoto(result){
               var hc = eval(result);
               //$("#hitokoto").fadeTo(300,0);
               document.getElementById("hitokoto").innerHTML = hc.hitokoto;
               //$("#hitokoto").fadeTo(300,0.75);
           }
           </script>
<!-- 一言 -->

更新:

一言站点挂了之后使用liwanglin12的api:

<div class='hibox'>
               <div class='hi container'>
                   <a href='javascript:;' onclick='getkoto();' title='换一条'><span class='hitokoto' id='hitokoto'>少女祈祷中...</span></a>
               </div>
           </div>

   <script>
       //初始化一言
       setTimeout('getkoto()',1000);
       //加载一言
       var t;
       function getkoto(){
           var hjs = document.createElement('script');
           hjs.setAttribute('id', 'hjs');
           hjs.setAttribute('src', 'https://api.lwl12.com/hitokoto/main/get?encode=json&fun=echokoto');
           document.getElementById('hjsbox').appendChild(hjs);
           t=setTimeout('getkoto()',5000);
       }
       //输出一言
       function echokoto(result){
           var hc = eval(result);
           //$('#hitokoto').fadeTo(300,0);
           document.getElementById('hitokoto').innerHTML = hc.hitokoto;
           //$('#hitokoto').fadeTo(300,0.75);
       }
       </script>

演示:

然后在网站的底部也调用一下一言吧。找到主题文件中的footer.php 适当的位置加上:

<script type="text/javascript" src="https://api.lwl12.com/hitokoto/main/get?encode=js&charset=utf-8"></script><div id="lwlhitokoto"><script>lwlhitokoto()</script></div>

搞定!

via

Licensed under CC BY-NC-SA 4.0
最后更新于 Oct 15, 2016 23:40 UTC