历史版本1 :JS实现暂停和继续轮播报表 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1.问题描述编辑

在开发大屏报表的时候,有时我们会加入多张大屏轮播的功能,这时我们希望在特定的情况下能停止轮播,特定情况下又继续轮播。

2.解决方法编辑

原本考虑在大屏上弄一个按钮控制轮播的暂停和继续,但是无端的多出一个按钮会使大屏的美观度大打折扣。因此,我们可以在某一个控件上加入鼠标移入移出效果来控制。

3.实现步骤编辑

1)这里用报表块设置了大屏的标题,选中报表块后,添加初始化后事件

222
2)在初始化后事件上写js:

function time(){ timer=setTimeout( function(){window.location.href="ReportServer?formlet=TAB_B.frm"; //要轮播的报表url },1000); //轮播间隔 } time(); setTimeout(function(){ $("[widgetname=REPORT0]").mouseover(function(){ //这里的控件名要全用大写 clearInterval(timer); }) $("[widgetname=REPORT0]").mouseleave(function(){ time(); }) })

222
3)在另外的轮播报表中也做相应设置,保存预览即可

4.效果编辑

222