传入秒数 显示当天倒计时

页面显示:
<p class="time">剩余:<span>24</span>时<span>00</span>分<span>00</span>秒</p>

js:
var timer=null;

var time=data.data.time;  //后台传入的时间
formatSeconds(time);  //先走一遍函数 显示目前所剩时间
timer=setInterval(function () {  //启动倒计时
     if(time>0){
          time=time-1;
          formatSeconds(time);  
      }
 },1000);
    
function formatSeconds(value) {
    var secondTime = parseInt(value); // 秒
    var minuteTime = 0; // 分
    var hourTime = 0; // 小时
    if (secondTime >= 60) { // 如果秒数大于60,将秒数转换成整数
        // 获取分钟,除以60取整数,得到整数分钟
        minuteTime = parseInt(secondTime / 60);
        // 获取秒数,秒数取佘,得到整数秒数
        secondTime = parseInt(secondTime % 60);
        // 如果分钟大于60,将分钟转换成小时
        if (minuteTime >= 60) {
            // 获取小时,获取分钟除以60,得到整数小时
            hourTime = parseInt(minuteTime / 60);
            // 获取小时后取佘的分,获取分钟除以60取佘的分
            minuteTime = parseInt(minuteTime % 60);
        }
   

## //如果需要展示天数 则加入以下代码

        // 如果小时大于24,将小时转换成天
        if (hourTime >= 24) {
            // 获取天,获取小时除以24,得到整数天
            dayTime = parseInt(hourTime / 24);
            // 获取天后取佘的小时,获取小时除以24取佘的小时
            hourTime = parseInt(hourTime % 24);
        }
    }

    hourTime = timerFilter(hourTime);
    minuteTime = timerFilter(minuteTime);
    secondTime = timerFilter(secondTime);

    var timeDown="剩余:<span>"+hourTime+"</span>时<span>"+minuteTime+"</span>分<span>"+secondTime+"</span>秒";
    $(".time").html(timeDown);

    //给小于10的数值前面添加 0
    function timerFilter(params) {
        if (params - 0 < 10) {
            return '0' + params;
        } else {
            return params;
        }
    }
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值