当前位置:  编程技术>jquery

jQuery 定时局部刷新(setInterval)方法总结

    来源: 互联网  发布时间:2014-09-03

    本文导语:  1、jQuery 定时局部刷新(setInterval),显示时间的代码。   代码示例: $(document).ready(function () { setInterval("startRequest()",1000); }); function startRequest() { $("#date").text((new Date()).toString()); } 2、jQuery实现AJAX定时局部页面刷新 需要...

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

代码示例:



$(document).ready(function () {
setInterval("startRequest()",1000);
});
function startRequest()
{
$("#date").text((new Date()).toString());
}

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

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

代码示例:

只要在页面放入这个小的JS代码片段刷新里面的内容ID标签的一切,每5秒:
setInterval(function() {
    $("#content").load(location.href+" #content>*","");
}, 5000);
 

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

3、jquery 的时间定时刷新

代码如下:
 

代码示例:
 

/**
 * jquery实现时间的定时刷新
 * edit www.
 * at 2013/5/15
*/
function startRequest() {
   $("#Logo1_lblTime").text((new Date()).toLocaleDateString() + " " + (new Date()).toLocaleTimeString());  

$(function() {
   startRequest(); 
   setInterval("startRequest()", 1000); 
});

    
 
 

您可能感兴趣的文章:

  • Jquery中setInterval、setTimeout使用要注意的问题
  • 使用jquery局部刷新(jquery.load)从数据库取出数据
  • Jquery 定时局部刷新的代码举例
  • jquery ajax 局部刷新小案例
  • jquery刷新页面 jquery局部刷新与及全页面刷新
  • jquery捕获超链接事件并局部刷新的代码一例
  • jquery 局部刷新(jsp环境)
  • Jquery.load载入页面实现局部刷新的代码
  • Jquery实现局部刷新的代码一例(c#版)
  • ajax jquery 页面局部刷新的不同实现代码
  • 用Jquery.load载入页面实现局部刷新
  • JQuery的Ajax请求实现局部刷新的简单实例
  • jquery ajax 局部无刷新更新数据的实现案例
  • jquery局部刷新DIV及动态时钟显示iterator无法输出数据的问题
  • c#与jquery实现局部刷新分页的代码
  • Jquery 局部刷新及表单取值赋值操作详解
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Jquery更换主题同时刷新iframe页面的代码举例
  • jquery刷新aspx中iframe的src的代码
  • jquery禁用右键单击功能屏蔽F5刷新
  • jquery在firefox中刷新iframe页面,提示重复之前动作的解决方法
  • Jquery 随机刷新页面背景图片
  • jquery刷新页面代码及js常用函数汇总
  • 页面刷新时记住滚动条的位置jquery代码
  • Jquery实现无闪烁定时刷新的代码
  • Jquery、Ajax、Struts2定时刷新功能的实现代码
  • Jquery 无刷新提交表单的实例代码
  • Jquery、Ajax、Struts2完成定时刷新的方法
  • jquery ajax 无刷新提交数据与无刷新登录的例子
  • jquery控制自动刷新的代码举例
  • jQuery 无刷新分页的实现代码
  • JQuery 无刷新查询代码示例
  • Jquery 添加内容自动刷新的实现代码
  • 通过pjax实现无刷新翻页(兼容新版jquery)
  • jquery无刷新登录的实现方法
  • jquery无刷新验证邮箱地址实现实例
  • 无刷新动态加载数据与滚动条加载适合评论的jquery代码
  • 通过javascript库JQuery实现页面跳转功能代码
  • 使用jquery局部刷新(jquery.load)从数据库取出数据 iis7站长之家
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3