JQuery局部定时刷新

来源：互联网发布：手机数据迁移编辑：程序博客网时间：2024/05/16 07:43

1、引入相关的js库
2、setInterval()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval()方法会不停地调用函数，直到clearInterval()被调用或窗口被关闭。
3、语法
setInterval(code,millisec[,"lang"])
参数描述
code 必需。要调用的函数或要执行的代码串。
millisec 必需。周期性执行或调用code之间的时间间隔，以毫秒计。
4、代码示例

    JQuery局部定时刷新,setInterval,定时刷新<br />    <div id="nowtime">    </div>    <div id="divNowTime">    </div>    <div id="divResult">    </div>    <script type="text/javascript" language="javascript">        $(document).ready(function () {            setInterval("startRequest()", 3000);        });        function startRequest() {            $("#nowtime").text((new Date()).toString());            $('#divNowTime').text((new Date()).toLocaleDateString() + " " + (new Date()).toLocaleTimeString());            $.ajax({                url: "/Handler/JQueryJson.ashx",                type: 'POST',                data: {                    name: 1,                    kkk: "ok"                },                success: function (responseText) {                    var temp = "<div style=\"height:50px;font-size:xx-large;color:#f00;background-color:Blue;\">";                    var re = responseText.toJson();                    $.each(re, function (i, c) {                        temp += c.title + ";";                    });                    temp += "</div><div style=\"height:10px;\"></div>";                    $("#divResult").append(temp);                }            });        }    </script>