订单倒计时

最新推荐文章于 2024-04-13 23:10:22 发布

原创最新推荐文章于 2024-04-13 23:10:22 发布 · 281 阅读

0 ·

CC 4.0 BY-SA版权

前端路上遇到的一些坑专栏收录该内容

24 篇文章

订阅专栏

本文详细探讨了如何根据后台传来的订单过期时间进行倒计时显示的技术实现，包括前端展示逻辑和与后台交互的细节，适用于电商、预约等场景。

time为后台传过来的过期时间

function (time) {
              				var now=new Date();
                            var end=new Date(time);
                            var date2=end.getTime() - now.getTime();
                            var interval=setInterval(sub,1000); //定时器 调度对象
                            /*封装减1秒的函数*/
                            function sub(){
                                if (date2>1) {
                                    date2=date2-1000;
                                    //计算出相差天数
                                    var days = Math.floor(date2 / (24 * 3600 * 1000));
                                    //计算出小时数
                                    var leave1 = date2 % (24 * 3600 * 1000);    //计算天数后剩余的毫秒数
                                    var hours = Math.floor(leave1 / (3600 * 1000));
                                    //计算相差分钟数
                                    var leave2 = leave1 % (3600 * 1000);        //计算小时数后剩余的毫秒数
                                    var minutes = Math.floor(leave2 / (60 * 1000));
                                    //计算相差秒数
                                    var leave3 = leave2 % (60 * 1000);      //计算分钟数后剩余的毫秒数
                                    var seconds = Math.round(leave3 / 1000);
                                   $scope.time="支付剩余时间"+ hours + "小时"+ minutes + "分" + seconds + "秒";
                                    $scope.$apply();

                                } else{
                                   $scope.time="已取消";
                                    $scope.$apply();
                                    window.clearInterval(interval);
                                }

                            };   
 }