正常调用,将下面这段代码放入页面内需要展示一句话的位置即可
<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>
搞定!