時間倒計時(針對於秒殺等前臺判斷)

時間倒計時(針對於秒殺等前臺判斷)

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

            //轉換秒爲   天小時分鐘秒格式  XXX天 10:22:33
            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>
發佈了6 篇原創文章 · 獲贊 10 · 訪問量 709
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章