js 实现页面部分定时刷新

liqinghuiyx 2010-01-22 01:01:11
我要写一个项目.要求是某个模块的信息时定时自动刷新的!比如是一分钟,要求js 实现.其他的方法也可以参考!精彩就有分!高手出来帮忙了!!!谢谢!!最好有个小例子!

是从数据库取出的数据.显示数据的最新数据.

还有一个问题,对高手说可能比较简单.就是实现一个倒计时!!比如任务时间从数据库取出来的!谢谢啦~~~
...全文
1717 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
awusoft 2010-01-22
  • 打赏
  • 举报
回复
使用AJax吧
  • 打赏
  • 举报
回复
再一种使用jquery的定时器
比如:


<div id = 'abc'>
</div>
$(function() {
$('#abc').oneTime(1000, function() {
$.post('xxx.action',{'':''},function(obj) {
// action==返回obj ,然后设置div内的内容。
});
});
});
wjjxqld 2010-01-22
  • 打赏
  • 举报
回复
不适用iframe的话,可考虑采用ajax方式去做,定义一个js函数去定时执行ajax,调用服务端的数据并返回,在通过js控制内容的输出
  • 打赏
  • 举报
回复
timename=setInterval("a();",1000(每1秒执行一次));
使用IFrame
function a() {
iframeName.location.href = "mendiantibao_list.do"
//如果iframe页面初始化就加载,那就
iframeName.location.href.reload(); 
}
liqinghuiyx 2010-01-22
  • 打赏
  • 举报
回复
大侠~~帮帮忙啊`~~我说的是局部!!定时刷新!触发刷新!
liqinghuiyx 2010-01-22
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 java2000_net 的回复:]
prototype 的组件里有 PeriodUpdater 也就是定时更新的。
[/Quote]
不带了解~~我想有js实现`~
liqinghuiyx 2010-01-22
  • 打赏
  • 举报
回复
[Quote=引用楼主 liqinghuiyx 的回复:]
我要写一个项目.要求是某个模块的信息时定时自动刷新的!比如是一分钟,要求js 实现.其他的方法也可以参考!精彩就有分!高手出来帮忙了!!!谢谢!!最好有个小例子!

是从数据库取出的数据.显示数据的最新数据.

还有一个问题,对高手说可能比较简单.就是实现一个倒计时!!比如任务时间从数据库取出来的!谢谢啦~~~
[/Quote]
我的页面都是div得!!!
老紫竹 2010-01-22
  • 打赏
  • 举报
回复
prototype 的组件里有 PeriodUpdater 也就是定时更新的。
z649010333 2010-01-22
  • 打赏
  • 举报
回复
<html> <head>
<title>定时刷新页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script>
<!-- var limit="0:15"
if (document.images){
var parselimit=limit.split(":") parselimit=parselimit[0]*60+parselimit[1]*1
}
function beginrefresh(){
if (!document.images) {
return if (parselimit==1)
window.location.reload()
else{
parselimit-=1 curmin=Math.floor(parselimit/60) cursec=parselimit%60 if (curmin!=0) curtime=curmin+"分"+cursec+"秒后重刷本页!" else curtime=cursec+"秒后重刷本页!" window.status=curtime setTimeout("beginrefresh()",1000)
}
}
window.onload=beginrefresh //-->
</script>
<body bgcolor="#FFFFFF" text="#000000">
aaaaaaaaaaaa
</body> </html>
kyoshiki 2010-01-22
  • 打赏
  • 举报
回复
要定时刷新的部分做成iframe,然后在iframe里面的页面设置定时刷新

设置定时刷新的方法可参照:http://blog.csdn.net/senbar/archive/2006/09/13/1218199.aspx
通过页面性能测试概念+页面加载过程+页面性能指标+页面性能测试工具的学习,可以学到如下内容:①WEB网站页面性能的指标(白屏时间、首屏加载完成时间、FP、FCP、DCL、CLS、FPS等);②WEB网站页面性能测试策略;③WEB网站页面加载过程(前端基础语言:HTML+CSS+JavaScript,DOM、CSSOM、渲染树、布局、绘制);④WEB网站页面性能测试工具的实际操作和功能介绍(开发者工具:控制台、网络、性能、Lighthouse、FPS渲染统计等);⑤WEB网站页面性能测试报告编写。⑥WEB网站页面性能测试步骤和实际操作。课程内容:第一章:课程简介1、课程介绍2、课程大纲第二章:页面性能测试1、页面性能测试概念2、页面性能测试专业术语3、页面性能测试策略第三章:页面加载过程1、HTML概念,HTML5实例,HTML5文档2、CSS概念,CSS实例,CSS文档3、JavaScript概念,JavaScript脚本实例和作用4、DOM和CSSOM理解5、HTML5渲染引擎理解6、HTML5页面内容渲染的过程,HTML渲染树第四章:页面性能测试工具1、页面性能测试具体工具2、Chrome开发者工具介绍第五章:页面性能测试工具-控制台:window.performance1、控制台:window.performance介绍2、window.performance.timing执行结果加载字段理解3、window.performance.timing执行结果属性对应页面阶段理解4、window.performance页面性能参数计算5、window.performance页面性能关键指标计算第六章:页面性能测试工具-网络面板1、Chrome-开发者工具-网络面板介绍2、Chrome-开发者工具-网络-瀑布流指标第七章:页面性能测试工具-性能面板1、Chrome-开发者工具-性能面板-使用方法2、Chrome-开发者工具-性能面板介绍3、Chrome-开发者工具-性能面板-控制按钮区域4、Chrome-开发者工具-性能面板-Overview区域5、Chrome-开发者工具-性能面板-火焰图区域6、Chrome-开发者工具-性能面板-内存图区域7、Chrome-开发者工具-性能面板-统计汇总区域8、Chrome-开发者工具-性能面板-统计汇总区域-摘要内容9、Chrome-开发者工具-性能面板-统计汇总区域-事件时长、调用、发生顺序第八章:页面性能测试工具-FPS监控1、Chrome-开发者工具-FPS监控-FPS介绍、FPS视觉效果、FPS查看方法第九章:页面性能测试-Lighthouse面板1、Chrome-开发者工具-Lighthouse介绍、操作方法、运行的生命周期2、Chrome-开发者工具-Lighthouse报告指标分析3、Chrome-开发者工具-Lighthouse的报告优化建议第十章:页面性能测试工具-Performance insights面板1、Chrome-开发者工具-Performance insights操作方法2、Chrome-开发者工具-Performance insights分析报告第十一章:网速调研1、全国网速的调研和本机网速测试第十二章:页面性能测试总结1、页面性能测试指标采集方式2、页面性能测试报告3、页面性能测试-操作步骤​

81,092

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧