JS显示即时/实时时间

目录:

1. 问题描述

在论坛上经常会有人提出来,想在报表里显示即时的时间,由于在报表里使用公式,是只能显示静止的当前时间,而不是即时的时间,这里可以通过JS来实现即时的时间显示。

222

2.解决思路


获取当前的时间,一秒刷新一次报表,将当前时间显示在A1单元格里。
注:也可以使用数字时钟控件插件来显示即时时间。

3. 实现步骤

3.1 添加加载结束后事件

点击模板>模板web属性>填报页面设置,选择为该模板单独设置,在下面的事件设置里面添加一个加载结束事件,完整js代码如下:
function Appendzero(obj) { if(obj<10) return "0" +""+ obj; //判断obj是否小于10,如果小于10,则在数字前面加上"0"补位 else return obj; } FR.CLOCK = function(cell) { var cl = $('[id^='+cell+']'); //因为后面调用使用了 FR.CLOCK('A1'),即得到A1的句柄 setInterval(function(){ var date=new Date();//获取当时日期 var format=date.getFullYear()+"-"+Appendzero(date.getMonth()+1)+"-"+Appendzero(date.getDate())+" "+Appendzero(date.getHours())+":"+Appendzero(date.getMinutes())+":"+Appendzero(date.getSeconds());//format 是一个数符串,把年-月-日 小时:分钟:秒组合到一起了,调用了Appendzero()函数,进行补位操作 cl.html(format); //C1,传来的单元格,使单元格里显示日期 },1000); //1000毫秒=1秒,即1秒钟刷新一次 } ; FR.CLOCK('A1'); //这里是关键,A1是传的单元格,传给CLOCK方法
222
3.2 保存与预览
保存模板,点击填报预览(由于前面是在填报页面添加的事件),效果即如上。

222



关键字:显示现在时间

附件列表


主题: 二次开发
标签: 已验证

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(微信ID:frbiaoge)