小程序實現倒計時

倒計時

1. 一分鍾倒計時

  data:{
            checked:false,
            inviteCode:'',
            verCode: '',
            phone:'',
            time:60,
            sendMg:'獲取驗證碼',
            sendNum:0,
        },
    getCountDown(){ //驗證碼一分鍾倒計時
                var time = parseInt(this.time);
                if(time <= 0){
                    this.sendMg = "獲取驗證碼";
                    this.sendNum = 0;
                    return false;
                }
                this.time = parseInt(this.time)-1;
                this.sendMg = "剩余"+this.time+"S";
                this.sendNum = 1;
                setTimeout(this.getCountDown, 1000);
            }

2. 一天倒計時

//倒計時
            setCountDown:function(){
                var mydate = new Date();
                var intDiff = parseInt(86400 - ((mydate.getHours() * 60 * 60) + (mydate.getMinutes() * 60) + (mydate.getSeconds())));
                var day = 0,
                    hour = 24,
                    minute = 60,
                    second = 60;//時間默認值
                if (intDiff > 0) {
                    day = Math.floor(intDiff / (60 * 60 * 24));
                    hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
                    minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
                    second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
                }
                if (hour <= 9) hour = '0' + hour;
                if (minute <= 9) minute = '0' + minute;
                if (second <= 9) second = '0' + second;
                this.hour_show =hour;
                this.minute_show =minute;
                this.second_show =second;
                setTimeout(this.setCountDown, 1000);
            },