php ajax自动刷新平滑

时间:2014-11-20 09:48:32

标签: php ajax

代码工作正常,但由于该功能每2秒刷新一次,图像会突然闪烁并熄灭。如何让它看起来光滑或不让它眨眼?

echo '<script>
window.setInterval(function() {
    yopahshareloader("'.$id.'"," '.$postype.'");
}, 2000);
</script>';

//the code calling the ajax function.
echo "<img onclick='respond(";
echo '"yo","' . $id . '"' . ',"' . $postype . '"';
echo " )' src='images/icons/yo.png' style='margin-bottom:5px;'/>";

1 个答案:

答案 0 :(得分:0)

你的代码看起来有点不清楚,所以我假设图像因为它的变化而闪烁?

首先是google&amp;搜索stackoverflow通常可以帮助您获得答案,但这是您正在寻找的内容。

你想加载图像然后显示它,所以你可以做的是将它加载到javascript中,绑定一个事件加载它,然后做你的魔术:P

//create image object
var image = new Image();

//add image path
image.src = "";

//bind load event
image.onload = function(){
    //now load next image
    // The image has loaded
}

所以现在你已经停止了眨眼,你可以考虑使用jQuery来允许fadeIn和fadeOut效果。