countTime: function () {
? ? ? ? ? ? ? ? //獲取當前時間
? ? ? ? ? ? ? ? var date = new Date();
? ? ? ? ? ? ? ? var now = date.getTime();
? ? ? ? ? ? ? ? //設置截止時間
? ? ? ? ? ? ? ? var endDate = new Date("2018-10-22 23:23:23");
? ? ? ? ? ? ? ? var end = endDate.getTime();
? ? ? ? ? ? ? ? //時間差
? ? ? ? ? ? ? ? var leftTime = end - now;
? ? ? ? ? ? ? ? //定義變量 d,h,m,s保存倒計時的時間
? ? ? ? ? ? ? ? if (leftTime >= 0) {
? ? ? ? ? ? ? ? ? ? d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
? ? ? ? ? ? ? ? ? ? this.h = Math.floor(leftTime / 1000 / 60 / 60 % 24);
? ? ? ? ? ? ? ? ? ? this.m = Math.floor(leftTime / 1000 / 60 % 60);
? ? ? ? ? ? ? ? ? ? this.s = Math.floor(leftTime / 1000 % 60);
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? console.log(this.s);
? ? ? ? ? ? ? ? //遞歸每秒調用countTime方法，顯示動態時間效果
? ? ? ? ? ? ? ? setTimeout(this.countTime, 1000);
? ? ? ? ? ? }

總結

以上是生活随笔為你收集整理的vue时分秒倒计时的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。