js实现倒计时的功能

$(document).ready(function(){
        var enddate = '${date}';
        run(enddate,'ytime');//参数:截止时间,节点id
        /* dateDif(enddate); */
    });
    //定时器
        var timer;
        function run(enddate){
            //如果enddate为后台传入的Date类型,这里直接转化为毫秒数
            enddate = (new Date(enddate)).getTime();
            //以500毫秒的速度执行(可以避免方法执行速度慢会影响展示效果的情况)0
            var time = 500;
            timer = setInterval("dateDif('"+enddate+"')",time);
        }
        //计算时间相差
        function dateDif(enddate){

            /* enddate = (new Date(enddate.replace("T"," "))).getTime(); */
            var date = enddate - new Date().getTime();
            console.log(11);
            /* console.log(date+"<<<<<<<<<<<<<<<<");
            console.log(enddate+">>>>>>>>>>>>>>>");
            console.log(new Date().getTime()+"============"); */
            //alert(date);
            if(date <= 0){
            $(p1).text('已超时');
            clearInterval(timer);
            return;
        }
            var days    = date / 1000 / 60 / 60 / 24;
            var daysRound   = Math.floor(days);
            var hours    = date/ 1000 / 60 / 60 - (24 * daysRound);
            var hoursRound   = Math.floor(hours);
            var minutes   = date / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
            var minutesRound  = Math.floor(minutes);
            var seconds   = date/ 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
            var secondsRound  = Math.floor(seconds);
            var time = ""+(daysRound+"天"+hoursRound +"时"+minutesRound+"分"+secondsRound+"秒");
            //p1.innerHTML=daysRound+"天"+hoursRound +"时"+minutesRound+"分"+secondsRound+"秒";
            $(p1).text(time);
        }

//后台存结束时间,由js实现,页面倒计时展示

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值