html网页随机一言,一言，局部刷新随机句子

我有话说[wb_允悲]

看看上面，蓝色的小框框，这就是效果这篇文章的最终效果了。

之前发过一次，只是不够美观，来这一次上全新的，尽管搬砖，尽管部署。

吐槽

一言刚刚出来的时候，好多网站都在部署，emm...,为什么每人给弄成几秒钟刷新？？？why？，一路百度+谷歌狂飙，丝毫进展都没有。

之前试过页面几秒钟刷新，结果CPU爆红，来来来下面介绍新方法局部刷新。

有什么能难倒我们？？[wb_费解]

第一步

复制下面代码，自己研究[wb_吃瓜]

function ajax(url)

{

if(window.XMLHttpRequest)

{

var oAjax = new XMLHttpRequest();

}

else

{

var oAjax = new ActiveXObject("Microsoft.XMLHTTP");//IE6浏览器创建ajax对象

}

oAjax.open("GET",url,true);//把要读取的参数的传过来。

oAjax.send();

oAjax.onreadystatechange=function()

{

if(oAjax.readyState==4)

{

if(oAjax.status==200)

{

xianshi(oAjax.responseText);//成功的时候调用这个方法

}

else

{

}

}

};

}

function xianshi(str)

{

$("div#1078").html(str);//将读取的内容输出

}

setInterval("ajax('https://v1.hitokoto.cn/?d=f&encode=text')",9000);

ajax('https://v1.hitokoto.cn/?d=f&encode=text');

浏览众多局部刷新！！！[wb_打哈气]终于数据传过来了，

but，有一个问题一定要记住，接口要使用可以跨域访问的[wb_思考]

第二步

现在就差一个钩子了，来来来还没看出来我教你！[wb_嘻嘻]

复制下面代码，放到你需要显示的地方?

狂按F5，是不是有效果了？[wb_并不简单]我知道你现在在想太丑了，在教你一招

添加CSS

刚才赋给了你身体，现在我要赋予给你美丽的外貌+一个有趣的灵魂。

粘贴CSS[转圈]

.hitokoto{

border-left: 5px solid #0073d8;

border-right: 5px solid #0073d8;

background-color: #3288d31a;

padding: 10px;text-align: center;

color: #0073d8;

margin: 5px 0 5px 0;

}

重新看一下效果。[wb_鼓掌]

快留言夸我！！！！

还有接口！！！