仅当javascript的新内容出现时,才每3秒更新一次javascript
Update javascript every 3 seconds only if its new content
我在一个面板中有一个以引导程序为主题的广告。我有3个进度条,我想每3秒更新一次。我已经设法用另一个页面的内容更新了它们,这就是我想做的。现在它们全天候更新,当它每3秒闪烁一次并且保持不变时,这很烦人。我只是想知道是否有一种方法只有在其他页面的内容发生变化时才能更新?
编辑:有没有办法让它更新得更好?而不仅仅是闪烁?也许会慢慢消失。
以下是我迄今为止所尝试的。。。。
<script type="text/javascript">
(function($)
{
$(document).ready(function()
{
$.ajaxSetup(
{
cache: false,
beforeSend: function() {
$('#nav_bar_top').hide();
$('#loading').show();
},
complete: function() {
$('#loading').hide();
$('#nav_bar_top').show();
},
success: function() {
$('#loading').hide();
$('#nav_bar_top').show();
}
});
var $container = $("#nav_bar_top");
$container.load("http://mywebsite.com/assets/ajax/get_bar.php");
var refreshId = setInterval(function()
{
$container.load('http://mywebsite.com/assets/ajax/get_bar.php');
}, 3000);
});
})(jQuery);
</script>
我不会循环ajax,而是使用回调发出新的调用。
例如
var content = "";
var $container = $("#nav_bar_top");
loadIt();
其中
function loadIt() {
$.get("http://mywebsite.com/assets/ajax/get_bar.php",function(data) {
if (content != data) {
$container.html(data);
content=data;
}
setTimeout(loadIt,3000);
});
}
要淡入淡出,请尝试
if (content != data) {
$container.fadeout("slow",function() {
content=data;
$this.html(data);
$this.fadein(slow);
});
}
相关文章:
- Javascript更新孙窗口中的表单元素
- 使用Javascript更新输入框中的文本
- 从angularjs中的javascript更新dom
- 如何在不退出javascript的情况下从javascript更新网页
- 如何使用JavaScript更新JSP页面的一些组件
- 如何使用javascript更新csv文件
- 将字符串转换为数组使用javascript更新一个值并返回一个字符串
- 通过javascript更新Django数据库
- JavaScript:更新<选择>给定月份输入的天数列表
- JavaScript更新功能不起作用
- 使用 node.js 和 javascript 更新 HTML 对象
- 使用 JavaScript 更新 Google 云端硬盘上的文件内容
- 使用 JavaScript 更新日期
- 使用JavaScript更新自定义设置-Salesforce
- JavaScript更新一个2MB的JSON文件
- 使用javascript更新数据库
- 表单提交后用Javascript更新表-在IE&边
- 使用javascript更新解析中的行
- 如何使用JavaScript更新iframe的信息
- 使用JavaScript更新网页,无需重新加载网页