JS实现决策报表定时刷新

1.1 预期效果

在大屏展示时，客户电视机上安装了帆软 App，打开报表或者决策报表，需要定时刷新的效果。该如何实现呢？

1.2 实现思路

支持定时 JS，以及取消定时：

setInterval('location.reload();',10000); //新建一个定时器，它会每隔10000毫秒执行一次对页面的刷新

取消定时 JS：

var timer = setInterval('location.reload();',10000); //把定时器存储在一个叫timer的变量中
clearInterval(timer);//清空这个变量，即可取消定时器

注：设置定时刷新后需要隐藏加载图标，可参考 JS隐藏正在加载图标与文字 在 form 上加一个 JS 事件。

2.1 打开模板

打开模板%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\决策报表入门.frm。

点击下载模板：决策报表入门.frm

2.2 添加初始化后事件

在控件设置中，选择 body，添加初始化后事件，如下图所示：

JS 代码如下：

setInterval('location.reload();', 10000); //时间单位为ms，即每10s刷新一次页面

2.3 效果预览

保存模板预览，在 PC 和移动端中都会每 10s 刷新一次决策报表。

2.3.1 PC 端

2.3.2 移动端

1）App

2）HTML5

已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\24-决策报表定时刷新JS.frm

点击下载模板：24-决策报表定时刷新JS.frm