实现倒计时效果问题

那位js大佬能帮我添加一个天数倒计时的代码吗


看了帮助文档,想做按钮控件倒计时,但是目前目前只能按小时和秒倒计时

文档位置https://help.finereport.com/doc-view-1993.html

js大佬能帮我添加一个天数倒计时的代码

源代码如下:

var h = 24; 

var m = 00; 

var s = 00; 

//格式化时间

function timeToString(a) {

    //小时

    var s = '距离春节还有';

    s += parseInt(a / 3600) + '时';

    //分

    s += parseInt(a % 3600 / 60) + '分';

    //秒

    s += parseInt(a % 60) + '秒';

    return s;

}

var date1 = new Date();

var date2 = new Date();


date1.setHours(h);

date1.setMinutes(m);

date1.setSeconds(s);


var d = (date1 - date2) / 1000;


if(d < 0) {

    this.setValue('查询');

    this.setEnable(true);

} else {

    var btn = this;

    //显示倒计时时间

    btn.setValue(timeToString(d));


    btn.setEnable(false);


    setInterval(function() {

        //重新设置时间

        date1 = new Date();

        date2 = new Date();

        date1.setHours(h);

        date1.setMinutes(m);

        date1.setSeconds(s);


        d = (date1 - date2) / 1000;

        if(d < 0) {

            btn.setValue('查询');

            btn.setEnable(true);

        } else {

            btn.setValue(timeToString(d));

            btn.setEnable(false);

        }

    }, 1000);

}


FineReport 1716639952 发布于 2020-1-8 14:35 (编辑于 2020-1-8 15:16)
1min目标场景问卷 立即参与
回答问题
悬赏:5 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共4回答
最佳回答
0
Wq0706Lv4见习互助
发布于2020-1-8 14:46(编辑于 2020-1-8 15:38)
最佳回答
0
xiaomiliLv6初级互助
发布于2020-1-8 14:42

加个这个试试,类似于这个

var s = '还有';
    s += parseInt(a / 3600 / 24) + '天';

你试试吧,后面的你应该会了吧

最佳回答
0
张洪威Lv6高级互助
发布于2020-1-8 15:44

倒计时.cpt



可以下载文件参考下。


image.png

最佳回答
0
L大大Lv7高级互助
发布于2020-1-8 15:51

var h = 09; //限制几点可查询

var m = 01; //限制几分可查询

var s = 00; //限制几秒可查询


//格式化时间

function timeToString(a) {


var s = 'S20斜塘店开业倒计时:';

s += parseInt(a / 1000 / 60 / 60 / 24, 10) + '天';

s += parseInt(a / 1000 / 60 / 60 % 24, 10) + '时';

//分

s += parseInt(a / 1000 / 60 % 60, 10) + '分';

//秒

s += parseInt(a / 1000 % 60, 10) + '秒';

return s;

}


var date1 = new Date(2020, 04, 01, 09, 01, 00);


var date2 = new Date();

//设置预置可查时间

date1.setHours(h);

date1.setMinutes(m);

date1.setSeconds(s);

//比较时间

//alert(date1);

var d = (date1 - date2);

//alert(d);

//如果初始化时可用,就启用按钮

if (d < 0) {

this.setValue('S20斜塘店今日开业啦');

this.setEnable(true);

} else {

var btn = this;

//显示倒计时时间

btn.setValue(timeToString(d));

//设置不可用

btn.setEnable(false);

//定时器函数

setInterval(function() {

//重新设置时间

date1 = new Date(2020, 04, 01, 09, 01, 00);

date2 = new Date();

date1.setHours(h);

date1.setMinutes(m);

date1.setSeconds(s);

//重新当前时间与设定时间的时间差

d = (date1 - date2);

if (d < 0) {

btn.setValue('查询');

btn.setEnable(true);

} else {

btn.setValue(timeToString(d));

btn.setEnable(false);

}

}, 1000);

}



自己改下时间,汉字就可以了

  • 4关注人数
  • 1182浏览人数
  • 最后回答于:2020-1-8 15:51
    请选择关闭问题的原因
    确定 取消
    返回顶部