要实现报表块数据实时刷新并且有跑马灯效果不能有滚动条,鼠标移入停止,移出继续,有没有大佬提供下js

收入监控.zip

要实现报表块数据实时刷新并且有跑马灯效果不能有滚动条,鼠标移入停止,移出继续,有没有大佬提供下js

FineReport 正在崛起的大牛 发布于 2023-6-16 10:43 (编辑于 2023-6-16 13:47)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
snrtuemcLv8专家互助
发布于2023-6-16 10:46(编辑于 2023-6-16 10:50)

你这个是10版本你的话,到是有方案,11版本的好像不行

==========

跑马灯定时刷新.rar

最佳回答
0
PILGRIMLv5初级互助
发布于2023-6-16 10:48(编辑于 2023-6-16 10:50)

    JS如下:注意修改报表块名称

setTimeout(function() {

//隐藏报表块REPORT0202的滚动条(此报表块名为REPORT0202,根据具体情况修改)

$("div[widgetname=REPORT0202]").find(".frozen-north").css({

'overflow-x': 'hidden',

'overflow-y': 'hidden'

});

$("div[widgetname=REPORT0202]").find(".frozen-center").css({

'overflow-x': 'hidden',

'overflow-y': 'hidden'

});

}, 1000);

window.flag1 = true;

var self1 = this;

//鼠标悬停,滚动停止

setTimeout(function() {

$("div[widgetname=REPORT0202]").find(".frozen-center").mouseover(function() {

window.flag1 = false;

});

//鼠标离开,继续滚动

$("div[widgetname=REPORT0202]").find(".frozen-center").mouseleave(function() {

window.flag1 = true;

});

var old = -1;

var interval = setInterval(function() {

if (!self1.isVisible()) {

return;

}

if (window.flag1) {

currentpos1 = $("div[widgetname=REPORT0202]").find(".frozen-center")[0].scrollTop;

if (currentpos1 == old && 0 != currentpos1) {

$("div[widgetname=REPORT0202]").find(".frozen-center")[0].scrollTop = 0;

} else {

old = currentpos1;

//以600ms的速度每次滚动1.5PX

$("div[widgetname=REPORT0202]").find(".frozen-center")[0].scrollTop = currentpos1 + 1;

}

}

},

600);

},

1000);

  • 2关注人数
  • 495浏览人数
  • 最后回答于:2023-6-16 13:47
    请选择关闭问题的原因
    确定 取消
    返回顶部