决策报表数字滚动

帮助文档：JS实现大屏数字增长效果

https://help.fanruan.com/finereport/doc-view-3564.html

在决策报表中如何设置多个报表块都可以使用，互不影响

FineReport frbing 发布于 2021-11-19 17:14

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共2回答

最佳回答

用户莎Lv5见习互助
发布于2021-11-19 18:09（编辑于 2021-11-19 18:11）

动态数字.rar

附件为做好的模板，只需要在文档中所有的.x-table前面加上div[widgetname='REPORT1'] 就行，主要是为了指定给具体哪个报表块下添加样式，REPORT1就是报表块的名字，根据需要改变，具体如下：

setTimeout(function() {

var totalNum = $("div[widgetname='REPORT1'] .x-table").find("td[id^=A2-]").text();

//var totalNum = 889962321;

var nums = 0;

// 调用计时函数

setTimeout(timedCount(nums),10);

// 循环计时函数, 多次调用自身函数, nums为被传递的参数

function timedCount(nums){

var count = Math.round(totalNum/30);//设置叠加次数,数量越大,加的越慢，反之越快

nums = nums+count;

//document.getElementById('A2-0-3313').value =nums

$("div[widgetname='REPORT1'] .x-table").find("td[id^=A2-]").text(nums);

var n = String(nums).split('');

if(n.length==9){

$("div[widgetname='REPORT1'] .x-table").find("td[id^=C2-]").text(n[0])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=D2-]").text(n[1])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=E2-]").text(n[2])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=F2-]").text(n[3])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=G2-]").text(n[4])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=H2-]").text(n[5])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=I2-]").text(n[6])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=J2-]").text(n[7])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=K2-]").text(n[8])

}

else if(n.length==8){

$("div[widgetname='REPORT1'] .x-table").find("td[id^=C2-]").text(0)

$("div[widgetname='REPORT1'] .x-table").find("td[id^=D2-]").text(n[0])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=E2-]").text(n[1])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=F2-]").text(n[2])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=G2-]").text(n[3])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=H2-]").text(n[4])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=I2-]").text(n[5])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=J2-]").text(n[6])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=K2-]").text(n[7])

}

else if(n.length==7){

$("div[widgetname='REPORT1'] .x-table").find("td[id^=C2-]").text(0)

$("div[widgetname='REPORT1'] .x-table").find("td[id^=D2-]").text(0)

$("div[widgetname='REPORT1'] .x-table").find("td[id^=E2-]").text(n[0])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=F2-]").text(n[1])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=G2-]").text(n[2])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=H2-]").text(n[3])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=I2-]").text(n[4])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=J2-]").text(n[5])

$("div[widgetname='REPORT1'] .x-table").find("td[id^=K2-]").text(n[6]) }

// 设置条件使停止计时

if (nums<totalNum) {

setTimeout(function(){timedCount(nums)},50);

}else{

$("div[widgetname='REPORT1'] .x-table").find("td[id^=A2-]").text(totalNum);

var n = String(totalNum).split('');