订单倒计时

最新推荐文章于 2024-06-07 16:35:02 发布

AI智汇驿站

最新推荐文章于 2024-06-07 16:35:02 发布

阅读量253

点赞数

分类专栏：前端路上遇到的一些坑

本文链接：https://blog.csdn.net/Nonsense_man/article/details/97775276

版权

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

24 篇文章 0 订阅

订阅专栏

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

摘要由CSDN通过智能技术生成

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);
                                }

                            };   
 }