Javascript 如何每15秒更新一次div?
嗨,我需要每15秒更新一次div。我试着用jQuery来做。 然后,我在页面顶部插入jQuery文件,并编写了以下脚本:Javascript 如何每15秒更新一次div?,javascript,jquery,prototypejs,Javascript,Jquery,Prototypejs,嗨,我需要每15秒更新一次div。我试着用jQuery来做。 然后,我在页面顶部插入jQuery文件,并编写了以下脚本: <script> $(document).ready(function() { $("#stats").load("stats.php"); var refreshId = setInterval(function() { $("#stats").load('stats.php?randval='+ Math.random()); }, 150
<script>
$(document).ready(function() {
$("#stats").load("stats.php");
var refreshId = setInterval(function() {
$("#stats").load('stats.php?randval='+ Math.random());
}, 15000);
$.ajaxSetup({ cache: false });
});
</script>
<div id="stats"></div>
$(文档).ready(函数(){
$(“#stats”).load(“stats.php”);
var refreshId=setInterval(函数(){
$(“#stats”).load('stats.php?randval='+Math.random());
}, 15000);
$.ajaxSetup({cache:false});
});
我注意到该脚本在空白页面上正常工作,但输入'prototype.js'后,脚本停止工作。您可以尝试使用jquery全名(jquery)而不是$ 或者运行noConflict命令 或者创建一个名称空间,jQuery将在其中被分配给$safe
(function($){
// use $ here
})(jQuery)
如果您需要在同一页中使用TypType .js,那么考虑重写您的定期更新函数以使用该更新功能,而不是使用jQuery。解决冲突的方法就是在页面中添加两个库,这两个库做的事情都是一样的
<script>
$(document).observe('dom:loaded', function() {
new Ajax.PeriodicalUpdater('stats', 'stats.php', { frequency: 15 });
});
</script>
<div id="stats"></div>
$(文档).observe('dom:loaded',function()){
新的Ajax.PeriodicalUpdater('stats','stats.php',{frequency:15});
});
完成了,我不得不说,比股票jqueryajax更优雅。如果结果不变,这会自动减少请求频率,从而节省带宽。一旦结果与上次不同,它将再次返回计划。通过输入
prototype.js
?也许你的问题在于此?为什么要重新加载页面?