一键生成 ’倒计时‘

1. html部分:


<div class="countR">
                <p><i>0</i><i>0</i><span>天</span><i>0</i><i>0</i><span>时</span><i>0</i><i>0</i><span>分</span><i>0</i><i>0</i><span>秒</span></p>
            </div>

2. js部分:


// 倒计时
var starttime = new Date("2018/10/7");
  setInterval(function () {
    var nowtime = new Date();
    var time = starttime - nowtime;
    var day = parseInt(time / 1000 / 60 / 60 / 24);
    var hour = parseInt(time / 1000 / 60 / 60 % 24);
    var minute = parseInt(time / 1000 / 60 % 60);
    var seconds = parseInt(time / 1000 % 60);
    $('.countDown .countR').html("<p><i>"+parseInt(day%100/10)+"</i><i>"+parseInt(day%10)+"</i><span>天</span><i>"+parseInt(hour%100/10)+"</i><i>"+parseInt(hour%10)+"</i><span>时</span><i>"+parseInt(minute%100/10)+"</i><i>"+parseInt(minute%10)+"</i><span>分</span><i>"+parseInt(seconds%100/10)+"</i><i>"+parseInt(seconds%10)+"</i><span>秒</span></p>");
  }, 1000);
//时间补位 (时间也有单个的,这是就需要部位。比如‘8小时’,部位后就是‘08小时’)
function panduan(num){
    if (num >= 0 && num <= 9) {
        num = "0" +num;
    }
    if (num < 0){
        num = "00";
    }
    return num;
}

 

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值