如何自动更新数据和停止

按下BUTTON后，执行一个方法。
1、现在想让他每隔3秒自动执行一次，而不用每次都按下BUTTON才更新。
2、如果自动更新了，想让他停止该如何做。
谢谢

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>定时更新</title>
    <script type="text/javascript">
    <!--
      var interval; //声明全局变量
    //更新数据的方法
    function update(){
    var date = new Date();
    document.getElementById('updateDiv').innerHTML = date.toGMTString();
    }
    function startUpdate(){
    update(); //即时更新一次数据
    interval = setInterval(update,3000); //设置定时器定时调用更新数据的方法，并保存定时器名称为全局变量
    }
    function stopUpdate(){
    clearInterval(interval); //取消定时器
    }
    //-->
    </script>
    </head><body>
    <input type="button" value="开始更新" onclick="startUpdate()" />
        &nbsp;&nbsp;
        <input type="button" value="停止更新" onclick="stopUpdate()" />
        <div id="updateDiv"></div>
    </body>
    </html>
      

  2.   

    更新数据是取的话，用AJAX。自己查它资料的例程。如果是写入的话，只需要向服务器发一次请求信号即可。服务器上收到信号，开始执行自动更新计划。关于这个，看数据库的联机帮助“计划任务”。
      

  3.   

    谢谢。
    clearInterval方法在触发一个事件时有用，在其他方法中调用他就不起作用了。都不知道为什么，头都大了。
      

  4.   

    clearInterval 只能在触发中使用啊
      

  5.   

    呵呵，有时并不需要帮助文档，只要自己多留心就可以了，setInterval,clearInterval,它们都有共同的部分Interval，一个是set,一个是clear。意义很明了了。