IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    JQuery局部定时刷新

    usity发表于 2017-04-20 02:19:25
    love 0

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

    4、代码示例

    <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>  

    转载于:http://blog.csdn.net/kingcruel/article/details/8432354#



沪ICP备19023445号-2号
友情链接