时间倒计时(针对于秒杀等前台判断)

最新推荐文章于 2021-10-28 17:07:02 发布

lfylucky

最新推荐文章于 2021-10-28 17:07:02 发布

阅读量353

点赞数 2

文章标签：时间倒计时、秒杀

本文链接：https://blog.csdn.net/lfylucky/article/details/103502966

版权

<body ng-app="wechat" ng-controller="wechatCtrl" ng-init="loadCart()">
<div>
    您的支付时间剩余:<span style="color: red">{{timeString}}</span><br>
</div>
<script>
    var app = angular.module("wechat",[]);
    app.controller("wechatCtrl",function ($http,$scope,$location,$interval) {
        $scope.loadCart = function () {
            //定义出一个订单结束时间
            var endTime = "2019-12-10 14:45:12";
            endTime =  new Date(endTime).getTime();

            //获取到当前时间
            var nowDate = new Date().getTime();

            //开始倒计时 以及 总秒数
            var second =Math.floor(endTime-nowDate)/1000
            second = parseInt(second)

            time= $interval(function(){
                if(second>0){
                    second =second-1;
                    //转换时间字符串 调用下面的方法 convertTimeString()
                    $scope.timeString=convertTimeString(second);
                }else{
                    $interval.cancel(time);
                    alert("秒杀结束");
                }
            },1000);

            //转换秒为 天、时、分、秒的格式 
            convertTimeString=function(allsecond){
                console.log(allsecond)
                var days= Math.floor( allsecond/(60*60*24));//天
                var hours= Math.floor( (allsecond-days*60*60*24)/(60*60) );//时
                var minutes= Math.floor(  (allsecond -days*60*60*24 - hours*60*60)/60);//分
                var seconds= allsecond -days*60*60*24 - hours*60*60 -minutes*60; //秒
                var timeString="";
                if(days>0){
                    timeString=days+"天 ";
                }
                return timeString+hours+"时"+minutes+"分"+seconds+"秒";
            }         
        }
</script>
</body>
</html>

lfylucky

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
时间倒计时(针对于秒杀等前台判断)

<body ng-app="wechat" ng-controller="wechatCtrl" ng-init="loadCart()"><div> 您的支付时间剩余:<span style="color: red">{{timeString}}</span><br></div><script> ...
复制链接

扫一扫