javascript-在不同的时间重新加载多个DIV

前端之家收集整理的这篇文章主要介绍了javascript-在不同的时间重新加载多个DIV 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个PHP HTML CSS应用程序,该应用程序具有主仪表板,其中包含多个行和列(称为小部件).

小部件是DIV,并设置了唯一的ID和一些CSS类.喜欢:

<div class="col-2 colstav" id="5">Test 5 velikost 2</div>
<div class="col-6 colstav" id="32">Test 32 velikost 6</div>
<div class="col-4 colstav" id="7">Test 7 velikost 4</div>

PHP变量中,在我需要重新加载DIV的文件(内容)之后,我已经为每个ID存储了时间(以毫秒为单位).

PHP中,我有:

$column[5]["file"] = widget5.PHP;
$column[5]["refresh"] = 4000;
$column[32]["file"] = widget32.PHP;
$column[32]["refresh"] = 2000;
$column[7]["file"] = widget7.PHP;
$column[7]["refresh"] = 1000;

我找不到通过PHP变量及时重新加载DIV内容的Javascript函数.

我找到了这个(http://jsfiddle.net/YVB9F/),但是我无法更新此JS代码:(.

规格/编辑:
我需要这样的JS代码

<script>
var time_div_5 = 4000;
var time_div_32 = 2000;
var time_div_7 = 1000; 

function content(content_file,div_id){
load(content_file) to target(div_id)
}

every(time_div_5){do: content("wg/widget5.PHP","5")}
every(time_div_32){do: content("wg/widget32.PHP","32")}
every(time_div_7){do: content("wg/widget7.PHP","7")}
</script>

我知道如何将变量从PHP添加到脚本.

经过一番研究,ai拥有了此脚本,但无法正常工作:

<script>
function reload_div(file,iddiv){
$(iddiv).load(file);
}

setInterval(reload_div("widgets/widget1.PHP",1),1000);
setInterval(reload_div("widgets/widget2.PHP",2),4000);
</script>

<div id="1"></div>
<div id="2"></div>

非常感谢您的帮助.

最佳答案
正如注释中提到的denmch一样,您应该使用AJAX进行异步请求.您尝试实现的方法不是一个好习惯.

另外,我可以看到您正在尝试通过jQuery.load()从文件中加载内容,但是您的ID选择器似乎出错,reload_div(“ widgets / widget1.PHP”,1)将尝试查找与选择器$(1)匹配的元素),可能会失败.在reload_div函数内的iddiv参数后附加#字符.

猜你在找的JavaScript相关文章