FVS跑马灯停顿

image.png有一个TAB块,分两个标签页,如何轮播到另一个标签页后跑马灯可以停止几秒钟再开始

FineReport 钱钱钱丶 发布于 6 天前
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
ScyalcireLv7高级互助
发布于6 天前(编辑于 6 天前

在TAB组件的「标签切换事件」中添加JS

// 获取TAB组件实例

var tab = duchamp.getWidgetByName("Tab1_页面1"); 

// 获取当前显示标签页索引

var currentIndex = tab.getShowIndex(); 

// 假设第二个标签页索引为1(从0开始)

if (currentIndex === 1) {

    // 获取目标表格组件

    var table = duchamp.getWidgetByName("表格2"); 

    // 停止跑马灯

    table.stopMarquee(); 

    // 延时3秒后重启跑马灯

    setTimeout(function() {

        table.startMarquee({

            mode: 'item',      // 按项滚动

            speed: 100,        // 滚动速度(数值越小越快)

            to: 'left',        // 滚动方向:left/right/top/bottom

            stay: 0,           // 停留时间(毫秒)

            stopOnHover: true, // 悬停暂停

            joinable: true     // 连续滚动

        });

    }, 3000); // 3000毫秒=3秒延时

}

-------------

Tab1_页面1 和 表格2 需替换为实际组件名称

注意:配合TAB自动轮播功能,实现全自动切换+跑马灯暂停效果(需设置轮播间隔 > 暂停时间

最佳回答
0
snrtuemcLv8专家互助
发布于6 天前(编辑于 6 天前

这个你延迟时间长些

setTimeout(function() {

你的js语句

}, 1000);//1000毫秒等于一秒,自己根据需要修改时间

==========

需要js实现,不能自带的

JS实现FVS表格跑马灯 https://help.fanruan.com/finereport/doc-view-5156.html

  • 钱钱钱丶 钱钱钱丶(提问者) setTimeout(() => {
    duchamp.getWidgetByName("表格_c1").startMarquee(
    {
    mode:'item', //滚动内容为逐条滚动
    speed:30, //滚动速度为 30px/s
    to:'top', //滚动方向为向上滚动
    stopOnHover:true, //鼠标悬浮时停止滚动
    joinable:true, //滚动方式为首尾相接
    }
    ); }, 5000)
    2025-06-24 09:15 
  • snrtuemc snrtuemc 回复 钱钱钱丶(提问者) 注意,tab切换事件也要js代码
    2025-06-24 09:18 
  • 3关注人数
  • 38浏览人数
  • 最后回答于:6 天前
    请选择关闭问题的原因
    确定 取消
    返回顶部