来自:http://www.jbxue.com/article/8516.html

1、jQuery 定时局部刷新(setInterval)，显示时间的代码。

<head>

<script src="jQuery/jquery-1.4.1.min.js" type="text/javascript"></script>

<script>

$(document).ready(function () {

setInterval("startRequest()",1000);

});

function startRequest()

{

$("#date").text((new Date()).toString());

}

</script>

</head>

　　

2、jQuery实现AJAX定时局部页面刷新 需要某种机制，不断刷新网页，以提供一个实时的仪表板某种。 如果我只能刷新一个特定的页面的一部分，这将是很大的，例如：仪表盘上的交通灯显示系统状态。

使用jQuery JavaScript库，只刷新页面的一部分。

<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>

只要在页面放入这个小的JS代码片段刷新里面的内容ID标签的一切，每5秒：

setInterval(function() {

    $("#content").load(location.href+" #content>*","");

}, 5000);

　　

每5秒，刷新内容相同的URL和所有元素，驻留在元素ID为content元素的内容：内容。

3、jquery 的时间定时刷新

代码如下：

<script src="js/jquery-1.7.1.js" language="javascript"></script>

<script language="javascript">

/**

 * jquery实现时间的定时刷新

 * edit www.jbxue.com

 * at 2013/5/15

*/

function startRequest() {

   $("#Logo1_lblTime").text((new Date()).toLocaleDateString() + " " + (new Date()).toLocaleTimeString());

}

$(function() {

   startRequest();

   setInterval("startRequest()", 1000);

});

</script>

　　

jQuery 定时局部刷新(setInterval)方法总结的更多相关文章

  1. Ajax定时局部刷新

    1.局部刷新一个地方 function refreshOnTime(){ $.ajax({ //配置 }); //7秒后重复执行该函数 setInterval('refreshOnTime', 700 ...

  2. MVC采用Jquery实现局部刷新

    该文纯粹属于个人学习,有不足之处请多多指教! 效果图: 单击Detail下面出现详细,效果如下: 为了使操作时两个不同的数据源相互干扰,使用局部视图刷新,代码如下: 首先介绍主页Index代码: @m ...

  3. jquery ajax局部加载方法介绍

    [导读] 在jquery中实现ajax加载的方法有很多种,不像以前的js的ajax只有那一种,下面我们介绍jquery ajax实现局部加载方法总结,有需要了解的朋友可参考.例 代码如下复制代码 $ ...

  4. 使用jquery实现局部刷新DIV

    实现页面的定时刷新功能:jquery使用的是jquery-1.8.3.min.js1:定时刷新 A界面的一段代码如下:<script type="text/javascript&quo ...

  5. jQuery实现局部刷新页面数据绑定

    今天遇到了一个问题:怎么样才能做到只刷新页面中的Repeater控件中的数据,在不用UploadPannel的情况下? 试了好多方法,无意间在看jquery文件时发现,使用load()方法即可解决此问 ...

  6. Jquery Mobile局部刷新后js和css失效，需局部渲染

    $(function () {    $("#submit").click(function(){      var storage = window.localStorage;  ...

  7. iframe局部刷新的二种实现方法

    需求描述: 当页面有一部分是不变的或整个页面的图片很多时,可以考虑使用局部刷新,以提高整体的下载速度与用户体验.   1,iframe实现局部刷新的方法一 复制代码代码示例: <script t ...

  8. Android 结合实际项目学会ListView局部刷新和相关知识《一》

    转载本专栏博客,请注明出处:道龙的博客 最近在公司参与的项目中有一个界面需要做局部UI更新处理,把其化烦为简为Demoi形式写在这里.我们还是运行该Demo,知道ListView局部刷新的使用场景:( ...

  9. ASP.Net 在Update Panel局部刷新后 重新绑定JS方法

    我们知道Asp.Net中的Update Panel可以完成页面的局部刷新(实质上是Ajax),但是局部刷新完后,此区域的控件上所绑定的JS方法就会失效,因为我们用如下方法来重新绑定. var prm ...

随机推荐

  1. 调试UnhandledExceptionFilter

    kernel32!UnhandledExceptionFilter通过判断当前进程是否附加了调试器,如果附加,就把异常交给调试器,如果没有,就把异常交给进程的UnhandledExceptionFil ...

  2. 指令 scope

    angular学习笔记(三十)-指令(8)-scope <!DOCTYPE html> <html ng-app="myApp"> <head> ...

  3. apache配置虚拟主机的三种方式

    Apache 配置虚拟主机三种方式   一.基于IP 1. 假设服务器有个IP地址为192.168.1.10,使用ifconfig在同一个网络接口eth0上绑定3个IP: [root@localhos ...

  4. winhex的使用

    1. 当我们用VC编写代码,将数据写入到磁盘的文件后,用winhex查看,winhex可以检测文件最后写入时间的变动,如果有变动,则会提示“此文件的最后写入时间已经改变.解除当前状态并重新载入吗?”, ...

  5. javascript点击图片放大的功能（原生）

    使用的图片: 1.jpg <!doctype html> <html lang="en"> <head> <meta charset=&q ...

  6. log4net面面观之Repository

    转:http://itrust.cnblogs.com/archive/2006/07/17/452895.html 上回说道:Repository可以说成基于一个log4net配置节创建的log4n ...

  7. CSS和JS标签style属性对照表

    盒子标签和属性对照 CSS语法(不区分大小写) JavaScript语法(区分大小写) border border border-bottom borderBottom border-bottom-c ...

  8. lightoj 1012

    水题,dfs #include<cstdio> #include<string> #include<cstring> #include<iostream> ...

  9. java.lang.RuntimeException: java.lang.ClassNotFoundException: cmd.CmdWordCount$MyMapper解决方法

    14/02/28 20:29:48 INFO mapred.JobClient: Task Id : attempt_201402281833_0004_m_000000_1, Status : FA ...

  10. .NET Compact Framework Data Provider for SQL Server CE

    .NET Compact Framework Data Provider for SQL Server Mobile Standard Data Source=MyData.sdf;Persist S ...