JQuery局部定时刷新

最新推荐文章于 2023-12-09 16:58:33 发布

KingCruel

最新推荐文章于 2023-12-09 16:58:33 发布

阅读量2w

点赞数 1

分类专栏： JavaScript 文章标签： JQuery局部定时刷新 setInterval setinterval 定时刷新

本文链接：https://blog.csdn.net/kingcruel/article/details/8432354

版权

JavaScript 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

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>