决策性报表跑马灯效果和刷新插件冲突,请问怎么能实现数据5秒钟刷新一次.

决策性报表  跑马灯效果和刷新插件冲突 ,请问怎么能实现数据5秒钟刷新一次.

需要在有跑马灯的效果下实现数据刷新

跑马灯代码如下

setTimeout(function() {

    var $report = $("div[widgetname=PLAN]");

    //获取对应report的div元素

    var $scroll = $report.find("#frozen-center");

    //获取对应report的div元素的滚动块元素,冻结为#frozen-center,未冻结且未安装自定义滚动条插件为.reportContent,未冻结且安装了自定义滚动条插件为.scrollDiv

    var flag = window.flag2;

    //设置全局变量flag,每个报表块需保证各不相同

    $report.find("#frozen-center").css('overflow-x', 'hidden');

    $report.find("#frozen-center").css('overflow-y', 'hidden');

    $report.find("#frozen-north").css('overflow-x', 'hidden');

    $report.find("#frozen-north").css('overflow-y', 'hidden');

    //冻结情况下隐藏滚动条

    $report.find(".reportContent").css('overflow-y', 'hidden');

    $report.find(".reportContent").css('overflow-x', 'hidden');

    //非冻结情况下隐藏滚动条

    flag = true;

    //定义全局参数flag,用来控制滚动的暂停和继续

    $scroll.mouseover(function() {

        flag = false;

    })

    //鼠标悬浮,滚动停止

    $scroll.mouseleave(function() {

        flag = true;

    })

    //鼠标离开,继续滚动

    var old = -1;

    setInterval(function() {

        if (flag) {

            currentpos = $scroll[0].scrollTop;

            //获取距顶部距离

            if (currentpos == old) {

                $scroll[0].scrollTop = 0;

                //若已到达底部,则重置

            } else {

                old = currentpos;

                $scroll[0].scrollTop = currentpos + 1.5;

                //若未到达底部,则向下移动1.5像素

            }

        }

    }, 25);

    //以25ms的频率执行

}, 500);

FineReport 553522894 发布于 2021-3-19 08:19 (编辑于 2021-3-19 09:39)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
snrtuemcLv8专家互助
发布于2021-9-11 08:14

参考

跑马灯定时刷新.frm

支持定时刷新,也不影响跑马灯

最佳回答
0
krystal033Lv7高级互助
发布于2021-3-19 08:21(编辑于 2021-3-19 08:24)

https://help.fanruan.com/finereport/doc-view-1392.html?source=1  JS获取决策报表内图表块刷新数据

https://help.fanruan.com/finereport/doc-view-1752.html?source=1  决策报表内报表块刷新插件image.png

  • 553522894 553522894(提问者) 我用这个插件了,用了以后就跟表格的跑马灯效果冲突了 能说的再详细点么?
    2021-03-19 08:37 
  • krystal033 krystal033 回复 553522894(提问者) 你的意思是他还没有跑完 就刷新了?
    2021-03-19 08:38 
  • 553522894 553522894(提问者) 回复 krystal033 比如说我设置5秒刷新 到5秒的时候跑马灯效果就没有了
    2021-03-19 08:39 
最佳回答
0
shirokoLv6资深互助
发布于2021-3-19 09:03

把你跑马灯代码贴出来看下

  • 553522894 553522894(提问者) setTimeout(function() { var $report = $(\"div[widgetname=PLAN]\"); //获取对应report的div元素 var $scroll = $report.find(\"#frozen-center\"); //获取对应report的div元素的滚动块元素,冻结为#frozen-center,未冻结且未安装自定义滚动条插件为.reportContent,未冻结且安装了自定义滚动条插件为.scrollDiv var flag = window.flag2; //设置全局变量flag,每个报表块需保证各不相同 $report.find(\"#frozen-center\").css(\'overflow-x\', \'hidden\'); $report.find(\"#frozen-center\").css(\'overflow-y\', \'hidden\'); $report.find(\"#frozen-north\").css(\'overflow-x\', \'hidden\'); $report.find(\"#frozen-north\").css(\'overflow-y\', \'hidden\'); //冻结情况下隐藏滚动条 $report.find(\".reportContent\").css(\'overflow-y\', \'hidden\'); $report.find(\".reportContent\").css(\'overflow-x\', \'hidden\'); //非冻结情况下隐藏滚动条 flag = true; //定义全局参数flag,用来控制滚动的暂停和继续 $scroll.mouseover(function() { flag = false; }) //鼠标悬浮,滚动停止 $scroll.mouseleave(function() { flag = true; }) //鼠标离开,继续滚动 var old = -1; setInterval(function() { if (flag) { currentpos = $scroll[0].scrollTop; //获取距顶部距离 if (currentpos == old) { $scroll[0].scrollTop = 0; //若已到达底部,则重置 } else { old = currentpos; $scroll[0].scrollTop = currentpos + 1.5; //若未到达底部,则向下移动1.5像素 } } }, 25); //以25ms的频率执行 }, 500);
    2021-03-19 09:25 
  • 553522894 553522894(提问者) 帮看下 谢谢
    2021-03-19 09:25 
  • shiroko shiroko 回复 553522894(提问者) 。。。
    2021-03-19 09:30 
  • 553522894 553522894(提问者) 回复 shiroko 保存以后格式就乱了
    2021-03-19 09:34 
  • shiroko shiroko 回复 553522894(提问者) 你编辑问题就好了
    2021-03-19 09:37 
  • 4关注人数
  • 632浏览人数
  • 最后回答于:2021-9-11 08:14
    请选择关闭问题的原因
    确定 取消
    返回顶部