代码之家 › 专栏 › 技术社区 › esqew

为什么我的脚本不能像预期的那样动态更新我的DIV?

dynamic javascript

esqew · 技术社区 · 14 年前

<html>
<head>
<style type="text/css">
    body {
        background-color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
        text-align: center;
        color: #FFFFFF;
    }
</style>
<script type="text/javascript" src="jquery-1.4.js"></script>
<script type="text/javascript">
function sleep(ms)
{
    var dt = new Date();
    dt.setTime(dt.getTime() + ms);
    while (new Date().getTime() < dt.getTime());
}
function update() {
    while (0 < 1) {<?php $contents = file_get_contents("my url here"); 
    ?>
        var count = <?php echo $contents ?>;
        document.getElementById('div').innerHTML = count;
        sleep(1500);
    }
}
</script>
</head>
<body onload=update()>
<iframe id="iframe" src="my url" style="visibility: hidden;"/>
<table width=100% height=100%>
<tr height=80%>
<td width=100%>
<center>
<div id="div"></div>
</center>
</td>
</tr>
</table>
</body>
</html>

在浏览器中查看源代码时, var 设置正确,但不会设置 div . 我确信php脚本指向的URL是准确的,并且只包含一个脚本,用于从外部页面对数字进行grep。

事先谢谢!

3 回复 | 直到 14 年前

deceze 14 年前

假设 file_get_contents("my url here") 产量 42 (例如),您知道您正在创建一个无限循环,该循环将设置 #div 到 四十二 每1.5秒一次又一次?即。, var count 永远,永远 四十二 不会改变,因为只评估PHP 一旦在服务器上。

此外,我怀疑 sleep 函数可能会造成一些问题,因为它会创建另一个紧循环。如果这个脚本只是简单地阻止了浏览器而没有更新任何东西,我不会感到惊讶,因为它陷入了一个无限循环。在javascript中延迟执行的方法是使用 window.setTimeout 或 window.setInterval .

我猜你要找的是某种Ajax解决方案,如果你想告诉我们你想做什么的话。既然您包含了jquery(实际上不使用它),那么您应该看看 jQuery.get() ,再加上 setInterval 更新 div 定期地。

类似:

window.setInterval(function () {
    $.get("my url here", function (data) {
        $('#div').html(data);
    });
}, 1500);

DGM 14 年前

为了回答这个问题,为什么它不能运行…你的 onload 需求引文:

<body onload="update()">

但是其他人已经用jquery发布了更好的方法。

Charles Ray 14 年前

var count = <?php echo $contents ?>;
document.getElementById('div').innerHTML = count;

您正在通过PHP向Web服务器请求变量$contents,除非重新加载页面,否则该变量始终是一个静态数字。尝试使用jquery,如上所述。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

4 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

4 月前

Alex · 在轻量级中同时解构和不解构变量

4 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

4 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

5 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

5 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

5 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

5 月前

user3472810 · Angular@Output/EventEmitter返回undefined

5 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

5 月前